Subversion-Projekte lars-tiefland.ci

<style>
        .tabelle{
                width:100%!important;
        }
        .tableRow,
        .tableHeader{
                clear:both;
                float:none;
        }
        .tableHeader
        {
                font-weight:bold;
        }
        .tabelle .tableRow div,
        .tabelle .tableHeader div
        {
                width:25%!important;
                float:left;
        }
</style>  
<script>
        $(document).ready(function(){
                $('#loading').hide().ajaxStart(function() {
                        $(this).show();
                }).ajaxStop(function() {
                        $(this).hide();
                });      
                
                var updateDiv = function (){
                
                $('#reloadTabelle').load('job_monitor.php?mode=reload', function () {
                        
                        deinTimer = window.setTimeout(updateDiv, 5000);
                });
                }
                var deinTimer = window.setTimeout(updateDiv, 5000);
                
                var opts = {
                        lines: 7, // The number of lines to draw
                        length: 20, // The length of each line
                        width: 5, // The line thickness
                        radius: 10, // The radius of the inner circle
                        corners: 1, // Corner roundness (0..1)
                        rotate: 11, // The rotation offset
                        direction: 1, // 1: clockwise, -1: counterclockwise
                        color: '#000', // #rgb or #rrggbb or array of colors
                        speed: 0.9, // Rounds per second
                        trail: 69, // Afterglow percentage
                        shadow: false, // Whether to render a shadow
                        hwaccel: false, // Whether to use hardware acceleration
                        className: 'spinner', // The CSS class to assign to the spinner
                        zIndex: 1000, // The z-index (defaults to 2000000000)
                        top: '40%', // Top position relative to parent
                        left: '50%' // Left position relative to parent
                };
                
                var loading = document.getElementById('loading');
                var spinner = new Spinner(opts).spin(loading);
                
        });

</script>  
<div class="tabelle">
        <div class="tableHeader">
                <div>Name</div>
                <div>Beschreibung</div>
                <div>Kategorie</div>
                <div>Startzeit</div>
        </div>
        <div id="reloadTabelle">
                {include file="job_monitor_daten.tpl"}
        </div>
</div>
<div id="loading"></div>