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>