1
edit
Changes
Jump to navigation
Jump to search
mLine 85:
Line 85: − + − − − + − { − if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi" − { − location.replace('http://www.dsibrew.org'); //Redirect to an other page − } − } − </script> Line 137:
Line 128: − + Line 143:
Line 134: − + − + Line 159:
Line 150: − + + − * [http://dsipaint.com DSiPaint] − * [http://dsinvent.ath.cx DSinvent]
Socialcu.be does not have https
Using device-width will adapt the page to the width of other mobile devices.
Using device-width will adapt the page to the width of other mobile devices.
You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]
You can test this mode with the following demo page: [http://dsipaint.com DSiPaint].
=== Detect User Agent ===
=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
<script type="text/javascript">
window.onload=function()
window.onload=function
=== Key Codes ===
=== Key Codes ===
# Add the following JavaScript just before the </body> tag:
# Add the following JavaScript just before the </body> tag:
<script>document.body.scrollTop = 176;</script>
<script type="text/javascript">document.body.scrollTop = 176;</script>
Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:
Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:
<html>
<html>
<head>
<head>
<meta name="viewport" content="width=240">
<meta name="viewport" content="width=240" />
<style>
<style type="text/css">
body { margin: 0px; }
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
== Example Sites ==
== Example Sites ==
<!-- If you have a website that demonstrates these techniques, place it here! -->
<!-- If you have a website that demonstrates these techniques, place it here! -->
* [http://www.ndsicompatible.weebly.com NDSi compatible]
* [http://dsipaint.com DSiPaint]
* [http://socialcu.be SocialCu.be]
* [http://www.dsicade.com DSiCade]
* [http://www.dsicade.com DSiCade]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
== See also ==
== See also ==