MattTheTekie/surii.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new tests

Browse source
This commit is contained in:
Ryan 2012-07-25 18:18:15 -04:00
commit d960f7bfb2
9 changed files with 130 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
hack/browser.html
View file

@ -98,6 +98,17 @@
List of navigator.plugins:</p>
<p id="testPlugins">
</p>
<h2>img</h2>
<img id="link" src="img/link.png" />
<p>Every key of img:</p>
<p id="testImgKeys">
</p>
<h2>img values</h2>
<p>Enter an img key to see its value:</p>
<input id="imgkey" type="text" name="imgkey" />
<button type="button" onclick="javascript:document.getElementById('imgval').innerHTML = document.getElementById('link')[document.getElementById('imgkey').value];">Show</button>
<p id="imgval"></p>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
@ -150,7 +161,14 @@
plugins += (navigator.plugins[i].name + "<br>");
}
return plugins;
}
},
testImgKeys: function () {
var keys = "";
for (var key in document.getElementById("link")) {
keys += (key + ", ");
}
return keys;
},
};
for (var testkey in tests) {

7
hack/dev.html
View file

@ -13,6 +13,7 @@
<h1>Developer Journal</h1>
<h2>to do</h2>
<ul>
<li>test dragdrop API</li>
<li>Find a clean way to have A or B switch between their default and the done sound</li>
<li>Check out what audio types the 3DS plays in their player</li>
<li>Link to a 3D photo, can we go back into the web browser?</li>
@ -20,8 +21,12 @@
<li>0x0px body?</li>
<li>Large body to trap scrolling?</li>
<li>All element test page (one at a time, automated)</li>
<li>test web workers</li>
</ul>
<h2>2012-07-25</h2>
<p>I had to switch the OK sound to use input type=range because number now brings up the text input.</p>
<p>prompt is pretty cool &amp; will be useful</p>
<h2>2012-07-19</h2>
<p>Wow, it's been a while. I added a page to display modernizr 2.6 results.</p>
<h2>2011-12-16</h2>
<p>The new 3DS Hotspots page from Nintendo is: <a href="http://www.nintendo.com/mobile/hotspot/">http://www.nintendo.com/mobile/hotspot/</a>. I wonder what else is in that mobile folder.</p>
<p>Here's an example call it uses to find hotspots by address: <a href="http://www.nintendo.com/3ds/hotspots/lookup?address=%2001970&distance=10&page=1&size=10">http://www.nintendo.com/3ds/hotspots/lookup?address=%2001970&amp;distance=10&amp;page=1&amp;size=10</a></p>

12
hack/dialog.html
View file

@ -19,11 +19,17 @@
<h2>alert</h2>
<p>A basic alert</p>
<button id="cmdAlert" type="button">alert</button>
<h2>confirm</h2>
<p>A yes or no question.</p>
<button id="cmdConfirm" type="button">confirm</button>
<p id="lblConfirm"></p>
<h2>prompt</h2>
<p>A request for modal user input.</p>
<button id="cmdPrompt" type="button">prompt</button>
<p id="lblPrompt"></p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
@ -32,6 +38,7 @@
$("#cmdAlert").click(function() {
alert("I AM ALERT.");
});
$("#cmdConfirm").click(function() {
if (confirm("Do you want to play a game?")) {
$("#lblConfirm").text("Game on!");
@ -39,6 +46,11 @@
$("#lblConfirm").text("Sad panda!");
}
});
$("#cmdPrompt").click(function() {
var value = prompt("Buy something, will ya?", "sword");
$("#lblPrompt").text("You bought: " + value);
});
});
</script>
</body>

39
hack/draganddrop.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>draganddrop test</title>
<meta name="description" content="dragandddrop test">
<meta name="author" content="Ryan Westphal">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body class="skinny">
<div>
<p>draggable in img: <span id="lblDraggable"></span></p>
<p>ondragstart in img: <span id="lblDragstart"></span></p>
</div>
<div>
<img id="link" src="img/link.png" draggable />
<p id="status"></p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(function() {
var img = document.getElementById("link");
$("#lblDraggable").text(('draggable' in img) ? "yes" : "no");
$("#lblDragstart").text(('ondragstart' in img) ? "yes" : "no");
$("#link").on("dragstart", function() {
$("#status").text("dragstart");
return false;
});
});
</script>
</body>
</html>

3
hack/index.html
View file

@ -27,6 +27,7 @@
<ul>
<li><a href="dev.html">dev journal</a></li>
<li><a href="browser.html">browser info</a></li>
<li><a href="phpinfo.php">server info</a></li>
</ul>
<h2>
tests</h2>
@ -37,9 +38,11 @@
<li>wide: <a href="wide.html">w:640 bottom</a></li>
<li><a href="largelevel.html">large level (zelda!)</a></li>
<li><a href="jquery.html">jQuery</a></li>
<li><a href="modernizr.html">modernizr</a></li>
<li><a href="events.html">window events</a> <a href="docevents.html">document events</a></li>
<li><a href="windowtrap.html">window trap</a></li>
<li><a href="touchtrap.html">touch trap</a></li>
<li><a href="draganddrop.html">draganddrop</a></li>
<li><a href="donesound.html">&quot;done&quot; sound!</a></li>
<li><a href="okcancel.html">&quot;ok&quot; &amp; &quot;cancel&quot; sounds! (also B button!)</a></li>
<li><a href="dpadsound.html">&quot;move&quot; sound (D-Pad)</a></li>

4
hack/js/modernizr.custom.73913.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

40
hack/modernizr.html Normal file
View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>modernizr tests</title>
<meta name="description" content="modernizr tests">
<meta name="author" content="Ryan Westphal">
<meta name="viewport" content="width=device-width, initial-scale=">
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/modernizr.custom.73913.js"></script>
</head>
<body class="skinnyscroll">
<div>
<h1>modernizr 2.6</h1>
<h2>modernizr has detected the following features:</h2>
<div class="cssClasses">
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$( function() {
var classes = $( "html" ).attr("class").split(" ");
$(".cssClasses").html('<p>' + classes.join('</p><p>') + '</p>');
} );
</script>
</body>
</html>

4
hack/okcancel.html
View file

@ -26,10 +26,10 @@
</div>
<div>
<p>
Push the A button or B to make sounds. Yes, I have access to the B button now thanks to input=number and the blur event.</p>
Push the A button or B to make sounds. Yes, I have access to the B button now thanks to input=range and the blur event.</p>
<p>
D-Pad Up obnoxiously triggers my B button (potentially many times...turbo?!) but doesn't make a sound and also makes the screen bounce. Sheesh.</p>
<input type="number" name="buttoninput" style="position: absolute; left: -16px; bottom: -16px; width: 1px; height: 1px; border: none; padding: 0; z-index: -1; line-height: 0; font-size: 0; -webkit-user-select: none;" />
<input type="range" name="buttoninput" style="position: absolute; left: -16px; bottom: -16px; width: 1px; height: 1px; border: none; padding: 0; z-index: -1; line-height: 0; font-size: 0; -webkit-user-select: none;" />
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

5
hack/phpinfo.php Normal file
View file

@ -0,0 +1,5 @@
<?php
phpinfo();
?>