standalone.html at ezStats Serverviewer

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		
		<title>ezStats 2 %gamename% - $preset[clanname]</title>
		
		<meta name="Description" content="This is a ezStats leaderboard for %gamename% of $preset[clanname]. For more informations visit www.ezStats.org">
		<meta name="Keywords" content="ezstats, ezzemm, leaderboard, %gamename%, $preset[clanname]">
		<meta name="author" content="ezzemm">
		
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="stylesheets/reset.css">
		<link rel="stylesheet" href="stylesheets/fonts.css">
		<link rel="stylesheet" href="stylesheets/imageflow.css">
		<link rel="stylesheet" href="stylesheets/style.php?files=common,standalone">
		
		<!--[if lt IE 9]>
			<link rel="stylesheet" href="stylesheets/ie_fix.css">
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
		
		<script src="https://www.google.com/jsapi" type="text/javascript"></script>
		<script type="text/javascript">google.load("jqueryui", "1"); </script>
		
		<script type="text/javascript" src="scripts/functions.js"></script>
		<script type="text/javascript" src="scripts/methods.js"></script>
		<script type="text/javascript" src="plugins/imageflow.js"></script>
		<script type="text/javascript" src="plugins/jQuery.tooltip.js"></script>
		<script type="text/javascript" src="plugins/jQuery.tablesorter.js"></script>
		
		<script type="text/javascript">
			$(document).ready(function(){
				var ezstats = $("#ezStats");
				var list    = $("#ezCompare");
				
				// Funktion fuer das Nachladen der Daten
				$.extend({
					loadHTML: function(options) {
						// Standardsettings, falls sie nicht im Objekt beim Aufruf mitgegeben wurden
						var settings = {
							id:     "1",         // ID des Servers, zu dem Infos abgerufen werden sollen
							action: "infoarea",  // Daten die abgerufen werden sollen
							target: "#ezInfo"    // Evt. vorhandenes Padding
						}
						
						// Falls mit den Optionen kein Objekt uebergeben wird, wird angenommen dass es der Wert fuer "id" ist 
						if (typeof(options) != "object" && options != undefined ) options = {id: options};
						var cfg = $.extend({}, settings, options);
						
						
						// AJAX starten
						$.ajax({
							type:     "POST",
							url:      "action.php",
							dataType: "json",
							data:     cfg,
							beforeSend: function() {
								$(cfg.target).html('<div class="ezLoad"></div>'); // Ladeicon einblenden
							},
							error: function(data) {
								if (data && data.responseText) {
									$.clog("Error during parsing action.php:");
									$.clog(data.responseText);
								}
							},
							success: function(data) {
								if (data) {
									if (data.message) $.clog(data.message);
									if (data.html)    $(data.target).html(data.html);
									if (data.href)    document.location.href = data.href;
								}
							}
						});
					}
				});
				
				
				// Ausgabe des ersten Servers
				if ($preset[serv_infoheader] || $preset[serv_settings])			$.loadHTML({ id: $id[0], action: "infoarea",    target: "#ezInfo" });
				if ($preset[serv_description] || $preset[serv_battlelog_url])	$.loadHTML({ id: $id[0], action: "description", target: "#ezDesc" });
				if ($preset[serv_mapcycle])										$.loadHTML({ id: $id[0], action: "mapcycle",    target: "#ezMaps" });
				if ($preset[serv_scoreboard])									$.loadHTML({ id: $id[0], action: "scoretable",  target: "#ezScore" });
																				$.loadHTML({ id: $id[0], action: "serverstats", target: "#ezServstats" });
				
				
				// Server-Auswahlliste
				if ($showserverlist) {
					// Aktiviert Javascript fuer Server-Auswahlliste
					list.mouseenter(function() { $(this).children(".ezDropdown").show(); })
						.mouseleave(function() { $(this).children(".ezDropdown").hide(); });
				}
				
				
				// Server-Auswahl initialisieren
				$('#ezCompare a').on("click", function(e) {
					e.preventDefault();
					var id = $(this).attr("href");
					
					if ($preset[serv_infoheader] || $preset[serv_settings])			$.loadHTML({ id: id, action: "infoarea",    target: "#ezInfo" });
					if ($preset[serv_description] || $preset[serv_battlelog_url])	$.loadHTML({ id: id, action: "description", target: "#ezDesc" });
					if ($preset[serv_mapcycle])										$.loadHTML({ id: id, action: "mapcycle",    target: "#ezMaps" });
					if ($preset[serv_scoreboard])									$.loadHTML({ id: id, action: "scoretable",  target: "#ezScore" });
																					$.loadHTML({ id: id, action: "serverstats", target: "#ezServstats" });
				});
				
				
				// Aside-Toggler initialisieren
				$(".showme").click(function(){ $(this).toggle_aside("#ezAside") }).toggle_aside("#ezAside"); 
			});
		</script>
	</head>
	<body>
		<div id="ezStats" class="wrap">
			<div id="header">
				<hgroup>
					<h1>%gamename%</h1>
					<h2>$preset[clanname]</h2>
				</hgroup>
			</div>
			
			
			<section>
				<div id="ezCompare"></div>
				<div id="ezInfo"></div>
				<div id="ezDesc"></div>
				<div id="ezMaps"></div>
				<div id="ezScore"></div>
				<div id="ezServstats"></div>
			</section>
			
			<div id="ezBrand"><a href="http://www.ezstats.org">ezStats v$preset[version]</a></div>
			
			<br/><br/><br/><br/>
			
			<aside id="ezAside">
				<ul>
					<li><b>%Leaderboard% %of% $preset[clanname]</b></li>
					<li>%Homepage%: <a href="$preset[clanpage]">$preset[clanpage]</a></li>
					<li>&nbsp;</li>
					<li>%Visitors%: $preset[visitors]</li>
					<li>%Hits%: $preset[hits]</li>
					<li><a href="admin/index.php" target="_blank">%open_adminpanel%</a></li>
					<li>&nbsp;</li>
					<li>%poweredby% <a href="http://www.bf3stats.com">bf3stats.com</a></li>
				</ul>
				<div class="showme"><div></div></div>
			</aside>
		</div>
	</body>
</html>