Subversion-Projekte lars-tiefland.ci

Revision

Revision 866 | Zur aktuellen Revision | Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
855 lars 1
<style>
2
    .tabelle{
3
        width:100%!important;
4
    }
5
    .tableRow,
6
    .tableHeader{
7
        clear:both;
8
        float:none;
9
    }
10
    .tableHeader
11
    {
12
        font-weight:bold;
13
    }
14
    .tabelle .tableRow div,
15
    .tabelle .tableHeader div
16
    {
17
        width:25%!important;
18
        float:left;
19
    }
20
</style>
21
<script>
22
    $(document).ready(function(){
23
        $('#loading').hide().ajaxStart(function() {
24
            $(this).show();
25
        }).ajaxStop(function() {
26
            $(this).hide();
27
        });
28
 
29
        var updateDiv = function (){
30
 
31
        $('#reloadTabelle').load('job_monitor.php?mode=reload', function () {
32
 
33
            deinTimer = window.setTimeout(updateDiv, 5000);
34
        });
35
        }
36
        var deinTimer = window.setTimeout(updateDiv, 5000);
37
 
38
        var opts = {
39
            lines: 7, // The number of lines to draw
40
            length: 20, // The length of each line
41
            width: 5, // The line thickness
42
            radius: 10, // The radius of the inner circle
43
            corners: 1, // Corner roundness (0..1)
44
            rotate: 11, // The rotation offset
45
            direction: 1, // 1: clockwise, -1: counterclockwise
46
            color: '#000', // #rgb or #rrggbb or array of colors
47
            speed: 0.9, // Rounds per second
48
            trail: 69, // Afterglow percentage
49
            shadow: false, // Whether to render a shadow
50
            hwaccel: false, // Whether to use hardware acceleration
51
            className: 'spinner', // The CSS class to assign to the spinner
52
            zIndex: 1000, // The z-index (defaults to 2000000000)
53
            top: '40%', // Top position relative to parent
54
            left: '50%' // Left position relative to parent
55
        };
56
 
57
        var loading = document.getElementById('loading');
58
        var spinner = new Spinner(opts).spin(loading);
59
 
60
    });
61
 
62
</script>
63
<div class="tabelle">
64
    <div class="tableHeader">
65
        <div>Name</div>
66
        <div>Beschreibung</div>
67
        <div>Kategorie</div>
68
        <div>Startzeit</div>
69
    </div>
70
    <div id="reloadTabelle">
71
        {include file="common/job_monitor_daten.tpl"}
72
    </div>
73
</div>
74
<div id="loading"></div>