http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FDojo_toolkit%2FDialog
JavaScript Tutorial/Dojo toolkit/Dialog - История изменений
2026-04-04T10:28:05Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Dojo_toolkit/Dialog&diff=8513&oldid=prev
Admin: 1 версия
2010-05-26T08:24:21Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Dojo_toolkit/Dialog&diff=8512&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Create a dialog declaratively==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.Dialog");<br />
dojo.addOnLoad(showDialogs);<br />
function showDialogs() {<br />
dijit.byId("dialog1").show();<br />
}<br />
</script><br />
</head><br />
<body><br />
<div dojoType="dijit.Dialog" id="dialog1" title="dialog1"<br />
href="yourContentPageHere.htm"></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Create a dialog with your code==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.Dialog");<br />
dojo.addOnLoad(showDialogs);<br />
function showDialogs() {<br />
var dlg = new dijit.Dialog();<br />
dlg.setContent("Content");<br />
dojo.byId("my").appendChild(dlg.domNode);<br />
dlg.show();<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div id="my"></div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Create data input dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
function checkPw(dialogFields) {<br />
alsert(dialogFields.confirmpw);<br />
<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.form.DropDownButton"><br />
<span>Login Form</span><br />
<div dojoType="dijit.TooltipDialog" id="dialog1" title="Login Form" execute="checkPw(arguments[0]);"><br />
<table><br />
<tr><br />
<td><label for="name" title="User name">Username</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="text" name="oldpw"></td><br />
</tr><br />
<tr><br />
<td><label for="loc">Password: </label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="newpw"></td><br />
</tr><br />
<tr><br />
<td><label for="desc">Confirm Password:</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw"></td><br />
</tr><br />
<tr><br />
<td colspan="2" align="center"><br />
<button dojoType="dijit.form.Button" type="submit">Login</button></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Dialog button action==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
function checkPw(dialogFields) {<br />
alsert(dialogFields.confirmpw);<br />
<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.form.DropDownButton"><br />
<span>Login Form</span><br />
<div dojoType="dijit.TooltipDialog" id="dialog1" title="Login Form" execute="checkPw(arguments[0]);"><br />
<table><br />
<tr><br />
<td><label for="name" title="User name">Username</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="text" name="oldpw"></td><br />
</tr><br />
<tr><br />
<td><label for="loc">Password: </label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="newpw"></td><br />
</tr><br />
<tr><br />
<td><label for="desc">Confirm Password:</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw"></td><br />
</tr><br />
<tr><br />
<td colspan="2" align="center"><br />
<button dojoType="dijit.form.Button" type="submit">Login</button></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get date from dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
function checkPw(dialogFields) {<br />
alsert(dialogFields.confirmpw);<br />
<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.form.DropDownButton"><br />
<span>Login Form</span><br />
<div dojoType="dijit.TooltipDialog" id="dialog1" title="Login Form" execute="checkPw(arguments[0]);"><br />
<table><br />
<tr><br />
<td><label for="name" title="User name">Username</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="text" name="oldpw"></td><br />
</tr><br />
<tr><br />
<td><label for="loc">Password: </label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="newpw"></td><br />
</tr><br />
<tr><br />
<td><label for="desc">Confirm Password:</label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw"></td><br />
</tr><br />
<tr><br />
<td colspan="2" align="center"><br />
<button dojoType="dijit.form.Button" type="submit">Login</button></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Hide dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
dojo.addOnLoad(showDialog);<br />
function showDialog() {<br />
dijit.byId("dialog1").show();<br />
}<br />
function hideDialog() {<br />
dijit.byId("dialog1").hide();<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.Dialog" id="dialog1" title="Forgot Password"><br />
<form action="" method="post" validate="true" id="resetPasswordForm"><br />
<table width="308"><br />
<tr><br />
<td colspan="2"><label>Login Name</label></td><br />
<td><input type="text" trim="true" dojoType="dijit.form.TextBox" value="" name="userName" id="userName"/></td><br />
</tr><br />
<tr><br />
<td align="right"><br />
<button dojoType="dijit.form.Button" type="submit" onclick="alert("ok")" id="reset">Ok </button></td><br />
<td align="right" valign="top"><button dojoType="dijit.form.Button" type="submit" onClick="hideDialog()" id="cancel1">Hide Dialog </button></td></tr><br />
</table><br />
</form><br />
</div> <br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Login dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
dojo.addOnLoad(showDialog);<br />
function showDialog() {<br />
dijit.byId("dialog1").show();<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.Dialog" id="dialog1" title="Login"><br />
<form action="Login" method="post" validate="true" id="loginForm"><br />
<table width="258"><br />
<tr><br />
<td><label>Login</label></td><br />
<td><input type="text" trim="true" dojoType="dijit.form.TextBox" value="" name="login" id="userId"/></td><br />
</tr><br />
<tr><br />
<td><label>Password</label></td><br />
<td><input type="password" trim="true" dojoType="dijit.form.TextBox" value="" name="password" id="password"/></td><br />
</tr><br />
<tr><td colspan="2">&nbsp;</td></tr><br />
<tr><br />
<td colspan="2" align="center"><br />
<table border="0" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td align="center" valign="top"><button dojoType="dijit.form.Button" type="submit" id="LoginButton" onClick="alert("ok");">Ok</button></td><br />
&nbsp;<br />
<td align="left" valign="top"><button dojoType="dijit.form.Button" type="submit" onclick="document.Login.reset()" id="Cancel">Cancel</button></td><br />
&nbsp;<br />
<td><button dojoType="dijit.form.Button" type="submit" onclick="showDialog();" id="resetPassword"> Show Dialog </button></td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</form><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Popup dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css"<br />
href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.form.Button");<br />
dojo.require("dijit.Dialog");<br />
dojo.require("dijit.form.TextBox");<br />
dojo.addOnLoad(showDialog);<br />
dojo.addOnLoad(hideDialog);<br />
function showDialog() {<br />
dijit.byId("dialog1").show();<br />
}<br />
</script><br />
</head><br />
<body class="tundra"><br />
<div dojoType="dijit.Dialog" id="dialog1" title="Login"><br />
<form validate="true"><br />
<table width="180" border="0" cellspacing="0" cellpadding="0"><br />
<tr><td><div dojoType="dijit.form.DropDownButton"><br />
<span>Change Password</span><br />
<div dojoType="dijit.TooltipDialog" id="dialog12" title="First Dialog" execute="checkPw(arguments[0]);"><br />
<table><br />
<tr><br />
<td><label for="desc">Password: </label></td><br />
<td><input dojoType="dijit.form.TextBox" type="password" name="confirmpw" id="confirmpw"></td><br />
</tr><br />
<tr><br />
<td colspan="2" align="center"><br />
<button dojoType=dijit.form.Button type="submit" onclick="alert("submit");">Submit</button></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</form><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Simple dialog==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"><br />
<script type="text/javascript"><br />
var djConfig = {<br />
baseScriptUri : "js/dojo/",<br />
parseOnLoad : true<br />
};<br />
</script><br />
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script><br />
<script><br />
dojo.require("dojo.parser");<br />
dojo.require("dijit.Dialog");<br />
dojo.addOnLoad(function( ) {<br />
dijit.byId("dialog").show( );<br />
});<br />
</script><br />
</head><br />
<body class="tundra" onload=f()><br />
<div id="dialog" dojoType="dijit.Dialog"><br />
Dialog<br />
</div><br />
<br />
</body><br />
</html></source></div>