Advanced Search

show text by clicking a link

/ Published in: HTML
Save to your folder(s)
como google ads

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <html>
  2.  
  3. <head>
  4.  
  5. <script type="text/javascript" language="JavaScript"><!--
  6. function toggle(object) {
  7.   if (document.getElementById) {
  8.     if (document.getElementById(object).style.visibility == 'visible')
  9.       document.getElementById(object).style.visibility = 'hidden';
  10.     else
  11.       document.getElementById(object).style.visibility = 'visible';
  12.   }
  13.  
  14.   else if (document.layers && document.layers[object] != null) {
  15.     if (document.layers[object].visibility == 'visible' ||
  16.         document.layers[object].visibility == 'show' )
  17.       document.layers[object].visibility = 'hidden';
  18.     else
  19.       document.layers[object].visibility = 'visible';
  20.   }
  21.  
  22.   else if (document.all) {
  23.     if (document.all[object].style.visibility == 'visible')
  24.       document.all[object].style.visibility = 'hidden';
  25.     else
  26.       document.all[object].style.visibility = 'visible';
  27.   }
  28.  
  29.   return false;
  30. }
  31. //--></script>
  32.  
  33. <style type="text/css"><!--
  34. .myStyle { position: absolute; visibility: hidden; }
  35. //--></style>
  36.  
  37. </head>
  38.  
  39. <body>
  40.  
  41. <a href="#" onClick="toggle('myLayer1')">click me</a>
  42.  
  43. <div id="myLayer1" class="myStyle">
  44.  
  45. <table bgcolor="#ffffcc"><tr><td>
  46. This text is hidden from view.<br>It is revealed when the link<br>is clicked
  47. </td></tr></table>
  48.  
  49. </div>
  50.  
  51. </body>
  52.  
  53. </html>

URL: http://www.irt.org/script/1261.htm

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.