You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
1.9 KiB
77 lines
1.9 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
|
|
<title>Dojo Button Widget Test</title> |
|
|
|
<script type="text/javascript"> |
|
var djConfig = { isDebug: true }; |
|
</script> |
|
|
|
<script type="text/javascript" src="../../dojo.js"></script> |
|
<script type="text/javascript"> |
|
dojo.require("dojo.dnd.*"); |
|
dojo.require("dojo.event.*"); |
|
|
|
function byId(id){ |
|
return document.getElementById(id); |
|
} |
|
|
|
function init(){ |
|
// list one |
|
var dl = byId("dragList1"); |
|
new dojo.dnd.HtmlDropTarget(dl, ["li1"]); |
|
var lis = dl.getElementsByTagName("li"); |
|
for(var x=0; x<lis.length; x++){ |
|
new dojo.dnd.HtmlDragSource(lis[x], "li1"); |
|
} |
|
|
|
// list two |
|
var dl = byId("dragList2"); |
|
new dojo.dnd.HtmlDropTarget(dl, ["li1"]); |
|
var lis = dl.getElementsByTagName("li"); |
|
for(var x=0; x<lis.length; x++){ |
|
new dojo.dnd.HtmlDragSource(lis[x], "li1"); |
|
} |
|
|
|
// list three |
|
var dl = byId("dragList3"); |
|
new dojo.dnd.HtmlDropTarget(dl, ["li2"]); |
|
var lis = dl.getElementsByTagName("li"); |
|
for(var x=0; x<lis.length; x++){ |
|
new dojo.dnd.HtmlDragSource(lis[x], "li2"); |
|
} |
|
} |
|
|
|
dojo.addOnLoad(init); |
|
</script> |
|
|
|
<ul id="dragList1"> |
|
<li>list 1 item 1 |
|
<a href="http://www.google.com">Google</a> |
|
<input value="type in me"> |
|
<input type="button" value="ClickMe"> |
|
<input type="checkbox"> |
|
<input type="radio" name="radio" value="1" checked> |
|
<input type="radio" name="radio" value="2"> |
|
<button>Inline Button</button> |
|
</li> |
|
<li>list 1 item 2</li> |
|
<li>list 1 item 3</li> |
|
</ul> |
|
|
|
<p>Here some text between two lists. You should be able to drag between the lists either side of me.</p> |
|
|
|
<ul id="dragList2"> |
|
<li>list 2 item 1</li> |
|
<li>list 2 item 2</li> |
|
<li>list 2 item 3</li> |
|
</ul> |
|
|
|
<p>Here some text between two lists. You should only be able to drag items from the list below to the list below and not to the other two lists.</p> |
|
|
|
<ul id="dragList3"> |
|
<li>list 3 item 1</li> |
|
<li>list 3 item 2</li> |
|
<li>list 3 item 3</li> |
|
</ul> |
|
|
|
|