Technology TidBits

Answers to various technical questions on php programming, mysql, linux, and many more categories.
25% off Hosting at HostGator.com:
Use Code techbits25



How can I easily hide / display a form or text on my website?

Last updated: 06/24/2009

Here's a simple example of turning on a hidden form / paragraph using javascript.

 

<a href="#" onclick="document.getElementById('show_car').style.display = 'block';">Show Car</a>

<p>

<span id="show_car" style="display: none;">

This is my car.

</span>

</p>

This is a simple example, clicking the link just shows the data - but it can easily be expanded on to be a toggle switch, and show much larger chunks of content.

 

blog comments powered by Disqus
Have your own Tech-bit to contribute? Submit it here

Other questions in this category:
How can I open a new window using Javascript?
How can I add a quick javascript error page to my cgi / php scripts
How can I validate a form that has brackets in the variable names?
Why do my web forms lose data when I hit the back button?
How to refresh the parent window from a pop up window.
How can I submit data to a form from a pop-up window?
Configuring htmleditor to do file uploads using php
IE 7 gives me an "Unknown runtime error" when using ajax - how can I fix this?
How can I refresh the parent window from a pop-up
How to include Javascript into your html code



Powered by KnowledgebasePublisher 1.1
Host Gator
Content provided by Roberts WebForge, Inc.