JavaScript DHTML/Dojo toolkit/foreach
For each function with value in dijit.form.TextBox
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.form.TextBox"); function mixedCapitalization(value) { var newValue = ""; dojo.forEach(value.toLowerCase( ), function(x) { newValue += x.toUpperCase( ); }); return newValue; } </script> </head> <body class="tundra"> <form id="registration_form" onsubmit="javascript:return validate()" action=""> First Name:<input dojoType="dijit.form.TextBox" format="mixedCapitalization" name="first">
</form>
</body> </html>
</source>
For each item
<source lang="html4strict">
<html>
<head> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/" }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> </head> <body> <script> dojo.forEach(["A", "B"], function(inVal) { alert(inVal); }); </script> </body>
</html>
</source>
Use foreach to add action to buttons
<source lang="html4strict">
<html>
<head> <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script> <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script> <script> dojo.require("dojo.parser"); dojo.require("dijit.Toolbar"); dojo.require("dijit.form.Button"); dojo.addOnLoad(function( ) { var bold = function( ) {alert("bold");} var italic= function( ) {alert("italic");} var underline = function( ) {alert("underline");} var superscript = function( ) {alert("superscript");} var subscript = function( ) {alert("subscript");} dojo.query(".dijitEditorIcon").forEach(function(x) { if (dojo.hasClass(x, "dijitEditorIconBold")) dojo.connect(x.parentNode, "onclick", bold); else if (dojo.hasClass(x, "dijitEditorIconItalic")) dojo.connect(x.parentNode, "onclick", italic); else if (dojo.hasClass(x, "dijitEditorIconUnderline")) dojo.connect(x.parentNode, "onclick", underline); else if (dojo.hasClass(x, "dijitEditorIconSubscript")) dojo.connect(x.parentNode, "onclick", superscript); else if (dojo.hasClass(x, "dijitEditorIconSuperscript")) dojo.connect(x.parentNode, "onclick", subscript); }); }); </script> </head> <body class="tundra">
<button dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconBold" ></button> <button dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconItalic" ></button> <button dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconUnderline" ></button> <button dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconSubscript"></button> <button dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconSuperscript"></button>
</body>
</html>
</source>