diff options
| -rw-r--r-- | pages/challengelist.php | 37 |
1 files changed, 29 insertions, 8 deletions
diff --git a/pages/challengelist.php b/pages/challengelist.php index 1e199d7..05a8000 100644 --- a/pages/challengelist.php +++ b/pages/challengelist.php @@ -35,7 +35,7 @@ function navShowLevels(tier) { .html("") .slideDown('fast'); - var urlString = 'http://www.mazetd.4xg.net/ajax/challenges.ajax.php?getChallengeIDs=true&userID=3'; + var urlString = 'ajax/challenges.ajax.php?getChallengeIDs=true&userID=3'; $.ajax({ type: "GET", url: urlString, @@ -54,17 +54,38 @@ function showLevelsResponse(response) { $("#t").append(formatChallengeThumbnail(challengeObj.mapObject)).show(); mapdata[key] = challengeObj.mapObject; }); - $("#t").append('<div style="float:left; margin:12px; width:200px; height:200px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); - $("#t").append('<div style="float:left; margin:12px; width:200px; height:200px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); - $("#t").append('<div style="float:left; margin:12px; width:200px; height:200px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); + $("#t").append('<div style="float:left; margin:8px; width:200px; height:180px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); + $("#t").append('<div style="float:left; margin:8px; width:200px; height:180px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); + $("#t").append('<div style="float:left; margin:8px; width:200px; height:180px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); + $("#t").append('<div style="float:left; margin:8px; width:200px; height:180px;" class="mapThumbnail">Grayed out Obscured Map Here.</div>').show(); } function formatChallengeThumbnail(map) { - return '<div onclick="displayChallengeMap('+map.ID+')" style="float:left; margin:12px;" class="mapThumbnail">'+mapThumbnailHTML(map, 200, false)+'</div>'; + var r = '<div onclick="displayChallengeMap('+map.ID+')"'; + r+= 'style="float:left; margin:8px;width:200px;height:180px;" class="mapThumbnail">'; + r+= mapThumbnailHTML(map,200, 160)+'</div>'; + return r; } function displayChallengeMap(challengeMapID) { $("#t").html(mapAsHTML(mapdata[challengeMapID])); + $("#t").append(challengesHTML()); +} + +function challengesHTML(challenges) { + + var r = '<div id="challenges">'; + r += '<div id="challenges_title">Challenges</div>'; + r += '<div id="challenges_listing"><ul class="challenge_ulist">'; + + $.each({}, function(key, challenges) { + r += "<li class='$cssClass' id='challenge_id_$challengeId'>"; + //r += getChallengeDisplayString($challenge); + r += " $loadSolutionString </li>"; + }); + r += "</ul></div></div>"; + + return r; } function hideNav() { @@ -80,12 +101,12 @@ function showNav() { <div id="challengelist_wrapper" class="wrapper" style='overflow: auto;'> -<h3>Challenges - Pre-Beta, AKA Alpha.</h3> +<h3>Challenges - I'z working on this stuff.</h3> <div id='backBtn'><a href=''>Back Btn</a></div> <div id='t' style='border:1px solid red; width:99%;overflow: hidden;'> - <div onclick='navShowLevels(1);' style='float:left; margin:10px; border:10px solid white;padding:20px'> - Easy + <div onclick='navShowLevels(1);' style='float:left; margin:20px; border:20px solid white;padding:40px'> + <h2>Easy</h2> </div> <div style='float:left; margin:10px; border:10px solid gray;padding:20px'> Normal |