Huge changes; started deprecation of PHP's displayMap()

New JS function 'mapAsHTML(mapAsObject)'
getScores() will now return solutions if the map has expired.
Homepage now uses mapAsHTML.
Removed some padding on scoreboard.
scoresFormatPage() supports solutions if available. (This can be row-specific)
And tons of CSS - deprecating old CSS.

1 files changed, 110 insertions, 25 deletions

diff --git a/pages/scores.php b/pages/scores.php
index 2a82efd..43bc7dc 100644
--- a/pages/scores.php
+++ b/pages/scores.php
@@ -51,6 +51,11 @@ if ($daysAgo < 1)
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

 <script type="text/javascript" src="js/jquery.keystrokes.min.js"></script>

 

+<script type="text/javascript">

+playerWallColor = '<?PHP echo isset($wallColor) ? $wallColor : ''; ?>';

+playerWallEmblem = '<?PHP echo isset($wallEmblem) ? $wallEmblem : ''; ?>';

+</script>

+

 <script>

 

 

@@ -83,11 +88,13 @@ $("#load_basic").click(function(){
 

 

 function displayMap(mapID) {

-	var urlString = 'ajax/scores.ajax.php?getmap=true&mapID='+mapID;

+	//var urlString = 'ajax/scores.ajax.php?getmap=true&mapID='+mapID;

+	var urlString = 'map/'+mapID;

 	$("#mapDisplay").fadeOut('fast');

 	//.html(ajax_load)

-	$("#mapDisplay").load(urlString, null, function() {$("#mapDisplay").fadeIn('slow');}); 

-	urlString = 'do.php?r=reqScorePage&reqPage=1&mapID='+mapID;

+	

+	//$("#mapDisplay").load(urlString, null, function() {$("#mapDisplay").fadeIn('slow');}); 

+	//urlString = 'do.php?r=reqScorePage&reqPage=1&mapID='+mapID;

 	//$("#scoreDisplay").html(ajax_load).load(urlString); 

 	

 	if (!$('#'+mapID+',dspScore').length) {

@@ -100,12 +107,12 @@ function displayMap(mapID) {
 	}

 	scoresShowPage(mapID, 1);

 	

-	// $.ajax({

-		// type: "GET",  

-		// url: "ajax/chat.ajax.php",  

-		// data: dataString, 

-		// success: function(data) {getChatDone(data);}

-	// });

+	$.ajax({

+		type: "GET",  

+		url: 'map/'+mapID,  

+		data: '', 

+		success: function(data) {$("#mapDisplay").html(mapAsHTML(decryptJSON(data), 595)).fadeIn('slow');}

+	});

 		// var newDiv = $('<div/>', {

 		// 'id': mapID+',dspScore',

 		// 'class': 'my-new-list',

@@ -113,6 +120,18 @@ function displayMap(mapID) {
 		// html: ''

 	// });

 }

+

+//TODO:

+function getMapOnce(mapid) {

+	if (typeof(mapdata[mapid]) != 'object') {

+		return mapdata[mapid];

+	}

+}

+

+// function request_path_done() {

+	// var JO = decryptJSON(ajax.response);

+// }

+

 function getMaplist(request) {

 	// daysAgo++

 	switch (request) {

@@ -137,7 +156,7 @@ function getMaplist(request) {
 	$("#mapNavigation").load(urlString, null, function() {$("#mapNavigation").show('slow');}); 

 }

 

-

+//TODO

 function handleJSONResponse(data) {

 	json = jQuery.parseJSON(data);

 	// $.each(json, function(key, user) {

@@ -145,6 +164,68 @@ function handleJSONResponse(data) {
 	// }

 }

 

+

+// var global = getCSSRule('.global');

+

+//TODO: Playing around with this:

+//setPlayerSettings(playerWallEmblem, playerWallColor);

+//function setPlayerSettings(wallEmblem, wallColor) {

+	//css(".playable .o:hover", "background-color", playerWallColor);

+	//css(".playable .o:hover", "background-image", "url(http://www.mazetd.4xg.net/images/marks/"+wallEmblem+")");

+//}

+// function css(selector, property, value) {

+    // for (var i=0; i<document.styleSheets.length;i++) {//Loop through all styles

+        // //Try add rule

+        // try { document.styleSheets[i].insertRule(selector+ ' {'+property+':'+value+'}', document.styleSheets[i].cssRules.length);

+        // } catch(err) {try { document.styleSheets[i].addRule(selector, property+':'+value);} catch(err) {}}//IE

+    // }

+// }

+

+

+

+

+

+//alert("I'm working on this page right now - this IS beta");

+

+var mymap = {"ID":502,"teleports":0,"checkpoints":4,"width":"15","height":"9","walls":"13","name":"","flags":null,"dateCreated":null,"dateExpires":null,"isBlind":false,"isMultiPath":false,"code":null,"tiles":[[["s",""],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["f",""]],[["s",""],["r",""],["o"],["r",""],["o"],["o"],["o"],["c",3],["r",""],["c",2],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["r",""],["o"],["r",""],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["r",""],["r",""],["o"],["o"],["r",""],["r",""],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["c",4],["r",""],["r",""],["o"],["c",""],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["r",""],["o"],["o"],["o"],["o"],["o"],["f",""]],[["s",""],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["o"],["f",""]]]};

+

+var Tile = {"Wall" : "w",

+"Empty" : "o",

+"Start" : "o",

+"Finish" : "o",

+"Checkpoint" : "o",

+"TileRock" : "o",

+"TeleportIn" : "o",

+"TeleportOut" : "o",

+"Unbuildable" : "o",

+"SinglePath" : "o"};

+

+

+function mapThumbnailHTML(map) {

+	var r = '<table class="map">';

+	for (var y in map.tiles) {

+		r += '<tr>';

+		for (var x in map.tiles[y]) {

+			var type = map.tiles[y][x][0];

+			var value = map.tiles[y][x][1];

+			if (!value) value = '';

+			r += "<td class='"+type+value+"'>";

+			r += '</td>';

+		}

+		r += '</tr>';

+	}

+	r += '</table>';

+	

+	//return r;

+	

+	//alert(r);

+	

+	//$("#tmp").html(r).show('slow');; 

+	//$("#tmp").html(mapAsHTML(map,100)).show('slow');; 

+}

+

+

+

 </script>

 

 

@@ -161,6 +242,10 @@ $todaysScoreMaps = getMapsPlayed($daysAgo);
 

 <div class="wrapper">

 

+<div id='tmp'>

+Work in progress

+</div>

+

 <div id='#displayDate' style='text-align:center;padding-bottom:7px;'>

 <h2 title='Maps that were played during this day'><? echo $dateAsStr; ?></h2>

 </div>

@@ -283,24 +368,24 @@ if ($specialMapName != '')
 

 

 

-function showStats(type) {

+//function showStats(type) {

 	//super usefulll

 	//var anchor = window.location.hash.substring(1);

 	

-	for (var i = 1; i <= 4; i++) {

-		var elem = document.getElementById("yms-" + i);

-		if (elem.className.indexOf('hidden-stats') < 0)

-			elem.className += 'hidden-stats';

-		elem = document.getElementById("dl-" + i);

-		elem.className = elem.className.replace('selected', '');

-	}

-	elem = document.getElementById("yms-" + type);

-	elem.className = elem.className.replace('hidden-stats', '');

-	elem = document.getElementById("dl-" + type);

-	if (elem.className.indexOf('selected') < 0)

-		elem.className += 'selected';

-}

-showStats(1);

+	// for (var i = 1; i <= 4; i++) {

+		// var elem = document.getElementById("yms-" + i);

+		// if (elem.className.indexOf('hidden-stats') < 0)

+			// elem.className += 'hidden-stats';

+		// elem = document.getElementById("dl-" + i);

+		// elem.className = elem.className.replace('selected', '');

+	// }

+	// elem = document.getElementById("yms-" + type);

+	// elem.className = elem.className.replace('hidden-stats', '');

+	// elem = document.getElementById("dl-" + type);

+	// if (elem.className.indexOf('selected') < 0)

+		// elem.className += 'selected';

+// }

+// showStats(1);

 </script>

 

 <script src="sounds/script/soundmanager.js"></script>