ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated

Browse Source
This commit is contained in:
Éric Lemoine
2013-02-20 10:38:25 +01:00
parent 17c3936ab6
commit 5d14b9e2d4
1919 changed files with 559755 additions and 2588 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
master/examples/Switch_Programmatic.html Normal file
View File

@@ -0,0 +1,126 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Switch</title>
<link href="../../themes/iphone/iphone.css" rel="stylesheet">
<script type="text/javascript" src="../../../../dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<style>
.color1 .mblSwitchBgLeft {
background: -webkit-gradient(linear, left top, left bottom, from(#28B159), to(#75FBAC), color-stop(0.5, #3FEB84), color-stop(0.5, #4CEE8E));
}
.color1 .mblSwitchBgRight {
background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8));
}
.color2 .mblSwitchBgLeft {
background: -webkit-gradient(linear, left top, left bottom, from(#FF9D00), to(#FFCE80), color-stop(0.5, #FFBB4D), color-stop(0.5, #FFC871));
}
.color2 .mblSwitchBgRight {
background: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8));
}
.color1 .mblSwitchKnob,
.color2 .mblSwitchKnob {
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#FAFAFA), color-stop(0.5, #BBBBBB), color-stop(0.5, #CACACA));
}
.float {
float: left;
margin-right: 10px;
}
.bold {
font-weight: bold;
}
</style>
<script language="JavaScript" type="text/javascript">
//dojo.require("dojo.parser"); // Use the lightweight parser.
dojo.require("dojox.mobile.parser");
dojo.require("dojox.mobile");
dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");
dojo.require("doh.runner");
dojo.addOnLoad(function(){
var roundRect = dijit.byId("dojox_mobile_RoundRect_0");
var demoWidget = new dojox.mobile.Switch({value:"off"});
dojo.addClass(demoWidget.domNode, "float");
roundRect.addChild(demoWidget);
demoWidget = new dojox.mobile.Switch({value:"on", leftLabel:"Start", rightLabel:"Stop"});
roundRect.addChild(demoWidget);
doh.register("dojox.mobile.test.doh.Switch", [
{
name: "Switch Verification",
timeout: 4000,
runTest: function(){
var d = new doh.Deferred();
setTimeout(d.getTestCallback(function(){
var demoWidget = dijit.byId("dojox_mobile_Switch_0");
doh.assertTrue(demoWidget.domNode.className.search(/mblSwitch/i) != -1);
doh.assertTrue(demoWidget.domNode.className.search(/mblSwitchOff/i) != -1);
doh.assertTrue(demoWidget.domNode.className.search(/float/i) != -1);
doh.assertEqual('mblSwitchInner', demoWidget.domNode.childNodes[0].className);
doh.assertEqual('mblSwitchBg mblSwitchBgLeft', demoWidget.domNode.childNodes[0].childNodes[0].className);
doh.assertEqual('none', demoWidget.domNode.childNodes[0].childNodes[0].style.display);
doh.assertEqual('mblSwitchText mblSwitchTextLeft', demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].className);
doh.assertEqual('ON', demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].innerHTML);
doh.assertEqual('mblSwitchBg mblSwitchBgRight', demoWidget.domNode.childNodes[0].childNodes[1].className);
doh.assertEqual('mblSwitchText mblSwitchTextRight', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].className);
doh.assertEqual('OFF', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].innerHTML);
doh.assertEqual('mblSwitchKnob', demoWidget.domNode.childNodes[0].childNodes[2].className);
demoWidget = dijit.byId("dojox_mobile_Switch_1");
doh.assertEqual('mblSwitch mblSwitchOn', demoWidget.domNode.className);
doh.assertEqual('mblSwitchInner', demoWidget.domNode.childNodes[0].className);
doh.assertEqual('mblSwitchBg mblSwitchBgLeft', demoWidget.domNode.childNodes[0].childNodes[0].className);
doh.assertEqual('mblSwitchText mblSwitchTextLeft', demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].className);
doh.assertEqual('Start', demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].innerHTML);
doh.assertEqual('mblSwitchBg mblSwitchBgRight', demoWidget.domNode.childNodes[0].childNodes[1].className);
doh.assertEqual('none', demoWidget.domNode.childNodes[0].childNodes[1].style.display);
doh.assertEqual('mblSwitchText mblSwitchTextRight', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].className);
doh.assertEqual('Stop', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].innerHTML);
doh.assertEqual('mblSwitchKnob', demoWidget.domNode.childNodes[0].childNodes[2].className);
}));
return d;
}
},
{
name: "Switch set",
timeout: 1000,
runTest: function(){
var demoWidget = dijit.byId("dojox_mobile_Switch_0");
demoWidget.set({value :"on"});
doh.assertEqual("on", demoWidget.get("value"));
// doh.assertEqual('none', demoWidget.domNode.childNodes[0].childNodes[1].style.display);
}
},
{
name: "Switch set",
timeout: 1000,
runTest: function(){
var demoWidget = dijit.byId("dojox_mobile_Switch_0");
demoWidget.set({leftLabel :"Start", rightLabel:"Stop"});
doh.assertEqual("Start", demoWidget.get("leftLabel"));
doh.assertEqual("Stop", demoWidget.get("rightLabel"));
doh.assertEqual('Start', demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].innerHTML);
doh.assertEqual('Stop', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].innerHTML);
}
}
]);
doh.run();
});
</script>
</head>
<body style="padding:15px;visibility:visible">
<div dojoType="dojox.mobile.View" selected="true">
<div dojoType="dojox.mobile.RoundRect" shadow="true">
<span class="bold">Default Shape</span><br>
</div>
</div>
</body>
</html>