Help with JavaScript and DHTML

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • dfluker
    New Member
    • Feb 2010
    • 10

    #1

    Help with JavaScript and DHTML

    Here is my code:<title>Dom demo</title>
    Code:
    <script type="text/javascript">
    function changeText()
    
    {
    
    var Temp = document.getElementById('first').innerHTML= 'Second Entry'; 
    
    document.getElementById('second').innerHTML= 'First Entry';
    
    document.getElementById('Temp').value;
    
    }
    
    </script>
    </head>
    <body>
    
    <div id="first">First Entry</div>
    <div id="second">Second Entry</div>
    <input type="button" onclick="changeText()" value="Change text of this document">
    </body>
    </html>
    It displays:

    First Entry
    Second Entry

    I press a radio button that makes it do this

    Second Entry
    First Entry

    But I don't know how to make it go back to :

    First Entry
    Second Entry:

    I am knew to this stuff can someone help?
    reply
    Last edited by gits; Feb 9 '10, 04:10 AM. Reason: added code tags
  • harrierdh
    New Member
    • Jan 2010
    • 16

    #2
    Code:
    <script>
    function changeText()
    {
    
    var Temp = document.getElementById('first').innerHTML;
    	if (Temp == "Second Entry") {
    		document.getElementById('first').innerHTML = 'First Entry';
    		document.getElementById('second').innerHTML = 'Second Entry';
    	} else {
    		document.getElementById('first').innerHTML= 'Second Entry';
    		document.getElementById('second').innerHTML= 'First Entry';
    	}
    }
    </script>
    </head>
    <body>
    
    <div id="first">First Entry</div>
    <div id="second">Second Entry</div>
    <input type="button" onclick="changeText()" value="Change text of this document">
    </body>
    </html>

    Comment

    • dfluker
      New Member
      • Feb 2010
      • 10

      #3
      Thanks! This is outstanding!

      Comment

      Working...