1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Shopalot: We have everything you will ever need to buy</title>
<link rel="stylesheet" type="text/css" href="dojo1.7.2/dijit/themes/claro/claro.css"/>
<script>
dojoConfig = {
parseOnLoad: true,
baseUrl: 'dojo1.7.2/dojo',
};
</script>
<script type="text/javascript" src="dojo1.7.2/dojo/dojo.js"></script>
<script>
require(["dijit/Dialog","dijit/form/Button"]);
function cacheDialog() {
dojo.dijit.byId("dialogHelp").hide();
}
function montreDialog() {
dojo.dijit.byId("dialogHelp").show();
}
</script>
</head>
<body class="claro">
<a href="#" id="linkQuestion" onclick="montreDialog();">Hello World</a>
<div data-dojo-type="dijit.Dialog" id="dialogHelp" style="background-color:white;opacity: .5" data-dojo-props="toggle:'fade', toggleDuration:250">
<h1>Hello World</h1>
<form onsubmit="return false" action="">
<button id="hider0" data-dojo-type="dijit.form.Button" data-dojo-props="onClick:cacheDialog" type="button">Ok</button>
</form>
</div>
</body>
</html> |