Forum Moderators: open

Message Too Old, No Replies

Form switch using tab menu

         

newbies

3:37 am on Apr 20, 2006 (gmt 0)

10+ Year Member



Hello experts,

I want to use to search different sections of my site, each has a differnt input form (form handler) and slightly different interface. I want to do this the same way as the search form on yahoo and MSN home page. So when users click one tab, a different form is displayed but the whole page is NOT reloaded.

I checked Yahoo and MSN source code and couldn't find a clue how to do that.

If you have any idea please let me know.

Thanks.

Trace

2:38 pm on Apr 20, 2006 (gmt 0)

10+ Year Member



I think all you need is to put your form into different DIVs all positionned in the same place. Then just play with the visibility of the DIVs when a tab is clicked.

tab1 clicked{showDiv1 - hideDiv2 - hideDiv3}
tab2 clicked{showDiv2 - hideDiv1 - hideDiv3}
tab3 clicked{showDiv3 - hideDiv1 - hideDiv2}