108 lines
No EOL
4 KiB
HTML
108 lines
No EOL
4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
|
|
<!-- Mirrored from dsiexplorer.awardspace.biz/BlockBreaker/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jul 2023 21:29:52 GMT -->
|
|
<head>
|
|
<meta name="viewport" content="width=240">
|
|
<title>Block Breaker 2</title>
|
|
<script src="../js/json2.js"></script>
|
|
<script src="../js/highscores.js"></script>
|
|
<script>
|
|
var hiscores = new HighScores("blockbreaker");
|
|
|
|
function showHighScores()
|
|
{
|
|
var popup = document.getElementById("popup");
|
|
var scores = hiscores.getScores();
|
|
var info = document.getElementById("infoarea");
|
|
var table;
|
|
var row;
|
|
var cell;
|
|
|
|
clearElement(info);
|
|
|
|
if(scores.length < 1)
|
|
{
|
|
info.appendChild(document.createTextNode("No scores are currently available."));
|
|
}
|
|
|
|
table = document.createElement("table");
|
|
table.border = "0";
|
|
table.cellSpacing = "0";
|
|
table.cellPadding = "0";
|
|
table.style.width = "190";
|
|
table.style.fontSize = "12px";
|
|
table.style.color = "white";
|
|
table.style.fontSize = "8pt";
|
|
|
|
|
|
for(var i=0; i<scores.length && i<20; i++)
|
|
{
|
|
row = table.insertRow(-1);
|
|
cell = row.insertCell(-1);
|
|
cell.appendChild(document.createTextNode((i+1)+". "));
|
|
cell = row.insertCell(-1);
|
|
cell.appendChild(document.createTextNode(scores[i].name));
|
|
cell = row.insertCell(-1);
|
|
cell.align = "right";
|
|
cell.style.width = "60px";
|
|
cell.appendChild(document.createTextNode(scores[i].score));
|
|
}
|
|
|
|
info.appendChild(table);
|
|
|
|
popup.style.display = "block";
|
|
}
|
|
|
|
function hidePopup()
|
|
{
|
|
var popup = document.getElementById("popup");
|
|
|
|
popup.style.display = "none";
|
|
}
|
|
|
|
function clearElement(element)
|
|
{
|
|
while(element.hasChildNodes()) element.removeChild(element.childNodes[0]);
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
body { margin: 0px; background-color: black; }
|
|
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; color: white; font-family: sans-serif; font-size: 14pt; }
|
|
#bottomscreen div { margin: 6px; }
|
|
#bottomscreen div a { text-decoration: none; color: yellow; }
|
|
#popup { position: absolute; left: 18px; top: 20px; width: 200px; height: 312px; border: 4px solid #FFFFAA; background-color: #000044; display: none; }
|
|
#infoarea { margin: 5px; width: 190px; height: 278px; overflow: hidden; font-size: 8px; font-family: sans-serif; color: white; padding-top: 5px; }
|
|
#buttonarea { margin: 5px; width: 190px; height: 14px; background-color: #222288; color: #DDDDDD; }
|
|
#dismiss { float: left; text-align: center; width: 190px; font: 12px sans-serif; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="topscreen"><img src="images/logo.png"></div>
|
|
<div id="bottomscreen" align="center">
|
|
|
|
<div><a href="game.html">Start Game</a></div>
|
|
<div><a href="#" onclick="showHighScores(); return false;">High Scores</a></div>
|
|
|
|
<div><a href="instruct.html">Instructions</a></div>
|
|
<div><a href="story.html">Story</a></div>
|
|
<div><a href="credits.html">Credits</a></div>
|
|
<div><a href="../index2.html">Exit</a></div>
|
|
</div>
|
|
<div id="popup">
|
|
<div id="infoarea"></div>
|
|
|
|
<div id="buttonarea" onclick="hidePopup();">
|
|
<div id="dismiss">Ok</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.body.scrollTop = 176;
|
|
|
|
if(window.location.toString().indexOf("?showScores") > 0) showHighScores();
|
|
</script>
|
|
</body>
|
|
|
|
<!-- Mirrored from dsiexplorer.awardspace.biz/BlockBreaker/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jul 2023 21:29:54 GMT -->
|
|
</html> |