Wednesday 26 December 2012

Show/hide div on click event


Step-1 :

Use below javascript code with you div ID. like "myDivBox".


<script language="javascript" type="text/javascript">
       function toggleDiv() 
       { 
         if (document.getElementById("myDivBox").style.display == "block") 
         { 
           document.getElementById("myDivBox").style.display = "none"; 
         } 
         else 
         { 
           document.getElementById("myDivBox").style.display = "block"; 
         } 
       } 
</script>


Step-2 :

Add onclick() event on you button or whatever you use to show/hide div.
and make sure that..id of your div is same with javascript code use above.


<input type="button" id="button1" name="button1" OnClick="toggleDiv()"/>


    
    <div>
    
       <div id="myDivBox" style="display:none; width :300px">

              Content or your coding to hide in between this div.

       </div>

    </div>

Submit form on page load event


Step-1 :

Add below code into your <head> section. and change the form id as per your <form> tag.


<script type="text/javascript" language="javascript">

 function submitform(){

 document.getElementById('myForm').submit();

 }

</script>


Step-2 :


Add onload event in to body tag as per below.

<body onload="submitform()">

</body>