Toggle with true and false : Style Class « Dojo toolkit « JavaScript DHTML






  1. JavaScript DHTML
  2. Dojo toolkit
  3. Style Class

Toggle with true and false

 

<html>
  <head>
    <style>
      .myClass {
        color : #ff0000;
      }
    </style>
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/"
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      function testIt() {
        dojo.toggleClass("myDiv", "myClass", true);
        alert("toggle");

        dojo.toggleClass("myDiv", "myClass", false);
      }
    </script>
  </head>
  <body onLoad="testIt();">
    <div id="myDiv">I am myDiv</div>
  </body>
</html>








Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.Mix two classes
2.Remove class
3.Set new style
4.Toggle tag class with dojo.toggleClass("myDiv", "myClass")
5.Get style from tag
6.Get computed border width
7.Change style with dojo.style
8.Add style class to tag by using dojo.addClass('myDiv', 'myClass')
9.Change margin box