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="common/job_monitor_daten.tpl"}
    </div>
</div>
<div id="loading"></div>