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

148
master/examples/IconContainer_Programmatic.html Normal file
View File

@@ -0,0 +1,148 @@
<!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>Icon</title>
<link href="../../themes/iphone/base.css" rel="stylesheet">
<link href="../../themes/iphone/IconContainer.css" rel="stylesheet">
<style>
.box {
border: 1px solid #A7C0E0;
width: 300px;
height: 250px;
background-image: url(../images/widget-bg.png);
background-repeat: no-repeat;
background-color: white;
}
</style>
<script type="text/javascript" src="../../../../dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script language="JavaScript" type="text/javascript">
//dojo.require("dojo.parser"); // Use the lightweight parser.
dojo.require("dojox.mobile.parser");
dojo.require("dojox.mobile");
dojo.require("dojox.mobile.IconContainer");
dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");
dojo.require("doh.runner");
dojo.addOnLoad(function(){
var view = dijit.byId("foo");
var container = new dojox.mobile.IconContainer();
var demoWidget = new dojox.mobile.IconItem({label:"app1", icon:"../images/icon-1.png", lazy:"true"});
//This position works fine.
// view.addChild(container);
demoWidget.containerNode.innerHTML='<div class="box"></div>';
container.addChild(demoWidget);
demoWidget = new dojox.mobile.IconItem({label:"app2", icon:"../images/icon-1.png", lazy:"true"});
container.addChild(demoWidget);
demoWidget.containerNode.innerHTML='<div class="box"></div>';
demoWidget = new dojox.mobile.IconItem({label:"app3", icon:"../images/icon-1.png", lazy:"true"});
demoWidget.containerNode.innerHTML='<div class="box"></div>';
container.addChild(demoWidget);
demoWidget = new dojox.mobile.IconItem({label:"moveTo", icon:"../images/icon-1.png", moveTo:"about", transition:"slide"});
container.addChild(demoWidget);
demoWidget = new dojox.mobile.IconItem({label:"href", icon:"../images/icon-1.png", href:"../test_iPhone-RoundRectList.html", transition:"slide"});
container.addChild(demoWidget);
demoWidget = new dojox.mobile.IconItem({label:"url", icon:"../images/icon-1.png", href:"../view-sample.html", transition:"slide"});
container.addChild(demoWidget);
//This position makes error.
view.addChild(container);
});
</script>
<script type="text/javascript" src="TestUtil.js"></script>
<script language="JavaScript" type="text/javascript">
dojo.addOnLoad(function(){
doh.register("dojox.mobile.test.doh.IconContainer", [
{
name: "IconContainer Verification",
timeout: 4000,
runTest: function(){
var d = new doh.Deferred();
setTimeout(d.getTestCallback(function(){
var demoWidget = dijit.byId("dojox_mobile_IconContainer_0");
doh.assertEqual('mblIconContainer', demoWidget.domNode.className);
}));
return d;
}
},
{
name: "IconItem Verification",
timeout: 4000,
runTest: function(){
var d = new doh.Deferred();
var demoWidget = dijit.byId("dojox_mobile_IconItem_0");
var e;
doh.assertEqual('none', demoWidget.contentNode.style.display);
fireOnClick(demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0]);
demoWidget = dijit.byId("dojox_mobile_IconItem_1");
doh.assertEqual('none', demoWidget.contentNode.style.display);
demoWidget = dijit.byId("dojox_mobile_IconItem_0");
fireOnClick(demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0]);
var t = 500;
if(dojo.isIE){
t=2000;
}
setTimeout(d.getTestCallback(function(){
var demoWidget = dijit.byId("dojox_mobile_IconItem_0");
if(!dojo.isIE) {
doh.assertTrue(demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].src.search(/icon-1.png/i) != -1);
}
doh.assertEqual('app1', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].nodeValue);
doh.assertEqual('', demoWidget.contentNode.style.display);
doh.assertEqual('mblIconContentHeading', demoWidget.contentNode.childNodes[0].className);
doh.assertEqual('mblDomButtonBlueMinus mblDomButton', demoWidget.contentNode.childNodes[0].childNodes[0].className);
doh.assertEqual('app1', demoWidget.contentNode.childNodes[0].childNodes[1].childNodes[0].nodeValue);
demoWidget = dijit.byId("dojox_mobile_IconItem_1");
if(!dojo.isIE) {
doh.assertTrue(demoWidget.domNode.childNodes[0].childNodes[0].childNodes[0].src.search(/icon-1.png/i) != -1);
}
doh.assertEqual('app2', demoWidget.domNode.childNodes[0].childNodes[1].childNodes[0].nodeValue);
doh.assertEqual('none', demoWidget.contentNode.style.display);
doh.assertEqual('mblIconContentHeading', demoWidget.contentNode.childNodes[0].className);
doh.assertEqual('mblDomButtonBlueMinus mblDomButton', demoWidget.contentNode.childNodes[0].childNodes[0].className);
doh.assertEqual('app2', demoWidget.contentNode.childNodes[0].childNodes[1].childNodes[0].nodeValue);
}),t);
return d;
}
}
]);
doh.run();
});
</script>
</head>
<body>
<div id="foo" dojoType="dojox.mobile.View" selected="true">
<h1 dojoType="dojox.mobile.Heading">Icon Container</h1>
</div>
<div id="about" dojoType="dojox.mobile.View">
<h1 dojoType="dojox.mobile.Heading" back="Icon Container" moveTo="foo">About</h1>
<h2 dojoType="dojox.mobile.RoundRectCategory">My Phone</h2>
<ul dojoType="dojox.mobile.RoundRectList">
<li dojoType="dojox.mobile.ListItem" rightText="AcmePhone">
Network
</li>
<li dojoType="dojox.mobile.ListItem" rightText="AcmePhone">
Line
</li>
<li dojoType="dojox.mobile.ListItem" rightText="1024">
Songs
</li>
</ul>
</div>
</body>
</html>