Hiding HTML content ?

[vivekian]

Hi,

I have a webpage where on the left side have a menu and on clicking the
different rows in the menu, different content needs to show up on the
right side. This all has to in a single web page. I suppose this can be
done using name anchors but would like to hide the rest of the content
and only show what is relevant depending on the row clicked.

thanks in advance,
vivekian

 

[Evertjan.]

vivekian wrote on 15 jun 2006 in comp.lang.javascript:

I have a webpage where on the left side have a menu and on clicking the
different rows in the menu, different content needs to show up on the
right side. This all has to in a single web page. I suppose this can be
done using name anchors but would like to hide the rest of the content
and only show what is relevant depending on the row clicked.

That can be done using javascript and css,
[read the specs and the faqs]:

document.getElementById('mydiv').style.display='none';

 

[Frank]

I have a webpage where on the left side have a menu and on clicking the
different rows in the menu, different content needs to show up on the
right side. This all has to in a single web page. I suppose this can be
done using name anchors but would like to hide the rest of the content
and only show what is relevant depending on the row clicked.

That can be done using javascript and css,
[read the specs and the faqs]:

document.getElementById('mydiv').style.display='none';
[/QUOTE]


I've seen s few sites integrate an "onClick" event the changes a plus graphic to
a minus graphic, then expands to display text that was originally hidden. Was
able to find something similar here:

http://www.dustindiaz.com/dhtml-expand-and-collapse-div-menu/


Frank

 

[Seige]

This method is very popular among blogs (plenty on blogskins). They use
css to hide contents, and use javascript to call them.

Amazing, (and annoying too)

I have a webpage where on the left side have a menu and on clicking the
different rows in the menu, different content needs to show up on the
right side. This all has to in a single web page. I suppose this can be
done using name anchors but would like to hide the rest of the content
and only show what is relevant depending on the row clicked.

That can be done using javascript and css,
[read the specs and the faqs]:

document.getElementById('mydiv').style.display='none';

I've seen s few sites integrate an "onClick" event the changes a plus graphic to
a minus graphic, then expands to display text that was originally hidden. Was
able to find something similar here:

http://www.dustindiaz.com/dhtml-expand-and-collapse-div-menu/


Frank[/QUOTE]