0
ドラッグアンドドロップ機能をいくつか開発しようとしています。 まず、ドラッグするだけです。 私は「Dojo、Getting Started with Kyle Hayes」という本を読んでいるが、運がない。基本的な道場を稼働させても全く幸運を得ない
私の問題のいくつか:私は、最新の道場とGoogleのライブラリに接続すると
- 、何もまったく機能しません。
- Googleからの古いライブラリを呼び出す初期スクリプトに
djConfig="parseOnLoad
を含めると、何も機能しません。djConfig="parseOnLoad
を取り出すと、ページが機能し始めます。 dojo.require("dojo.dnd.Target")
を含めると、すべての機能が失われます。- 私が何をしていても、簡単なdivをドラッグすることはできません。
私のコードは以下のとおりですが、始めに教えてもらえれば幸いです。
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
//dojo.require("dojo.parser");
dojo.require("dojo.dnd.move");
dojo.require("dojo.dnd.Source");
//dojo.require("dojo.dnd.Target");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.TextBox");
document.write("I got this far");
var init = function()
{
dojo.connect(
dojo.byId('btnSayHello'),
"onclick",
this,
helloButton_onClick
);
}
var helloButton_onClick = function(event)
{
alert ('Hello World and hello ' + dojo.byId('txtName').value + '!');
}
dojo.addOnLoad(init);
</script>
</head>
<body>
<div id="dragMe" dojoType="dojo.dnd.move" style="border: 1 solid black; height: 300; width: 300;">
Source 1
</div>
<div id=Div1 dojoType="dojo.dnd.Target" style="border: 1 solid black; height: 300; width: 300;">
Target
</div>
<div>
<h1>Hello World Example</h1>
<hr/>
<label for="txtName">Your name:</label>
<input id="txtName" type="text" dojoType="dijit.form.TextBox"/><br/>
<button id="btnSayHello" dojoType="dijit.form.Button">Say Hello</button>
</body>
</html>