JavaScript DHTML/Dojo toolkit/Text Editor

Материал из Web эксперт
Перейти к: навигация, поиск

Create text editor declaratively

   <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.Editor");
   </script>
 </head>
 <body class="tundra">

         <textarea name="field" width="200px" height="100px"
           dojoType="dijit.Editor">
           dijit.Editor
         </textarea>

 </body>

</html> 

 </source>


Get data from editor

   <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.Button");
           dojo.require("dijit.Editor");
   </script>
 </head>
 <body class="tundra">

           data
           

   <button dojoType="dijit.form.Button">Save
       <script type="dojo/method" event="onClick" args="evt">
           alert(dijit.byId("editor").getValue(  ));
       </script>
   </button>
   <button dojoType="dijit.form.Button">Clear
       <script type="dojo/method" event="onClick" args="evt">
           dijit.byId("editor").replaceValue("");
       </script>
   </button>
 </body>

</html> 

 </source>


Replace value in Text Editor

   <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.Button");
           dojo.require("dijit.Editor");
   </script>
 </head>
 <body class="tundra">

           data
           

   <button dojoType="dijit.form.Button">Save
       <script type="dojo/method" event="onClick" args="evt">
           alert(dijit.byId("editor").getValue(  ));
       </script>
   </button>
   <button dojoType="dijit.form.Button">Clear
       <script type="dojo/method" event="onClick" args="evt">
           dijit.byId("editor").replaceValue("");
       </script>
   </button>
 </body>

</html> 

 </source>


Set dijit.form.TextBox propercase=true

   <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 help() {
               var msg="Help";
               alert(msg);
               return false;
           }
           function validate(){
               var f = document.getElementById("registration_form");
               if (f.first.value == "" ||f.last.value == "" ||f.email.value == "") {
                       alert("All fields are required.");
                       return false;
               }
               return true;
           }
   </script>
 </head>
 <body class="tundra">
     <form id="registration_form"
           onsubmit="javascript:return validate()"
           action="">
           First Name:<input dojoType="dijit.form.TextBox" propercase=true trim=true name="first">

           Last Name:<input dojoType="dijit.form.TextBox" propercase=true trim=true name="last">

           Your Email:<input dojoType="dijit.form.TextBox" length=25 name="email">

           <button type="submit">Sign Up!</button>
           <button type="reset">Reset</button>
           <button type="button" onclick="javascript:help()">Help</button>
     </form>

</body> </html> 

 </source>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Dojo_toolkit/Text_Editor&oldid=2065»