visibility of page elements 1

blues77 · Jun 21, 2002

is there anyway to to control if a particular part of a page is displayed depending on if the mouse is rolled over it. for example, if i have a list of links and i only want them displayed if the user rolls his/her mouse over a particular piece of text. i know i have to use the onmouseover event but i don't know how to change the visibility of the links. any help would be greatly appreciated.

thanks

Boomerang · Jun 21, 2002

Check out this example it's just ONE way(there are more):

Click twice on each Header(looks like a link)
You can also change the <SPAN> tags to <DIV>.

<html>
<head>
<script language="JavaScript">
function doit2(header)
{
var head=header.style;
if (head.display=="none&quot

{
head.display="";
}
else
{
head.display="none";
}
}
</script>
</head>
<body>
<H3 style="cursor:hand" onclick="doit2(document.all[this.sourceIndex+1])">SECOND HEADING HERE</H3>
<SPAN style="display: none">SECOND CONTENT HERE</SPAN>
<H3 style="cursor:hand" onclick="doit2(document.all[this.sourceIndex+1])">SECOND 2342345</H3>
<SPAN style="display: none">SECOND 2341234 CONTENT HERE</SPAN>
<H3 style="cursor:hand" onclick="doit2(document.all[this.sourceIndex+1])">SECOND asdfasdfasdf</H3>
<SPAN style="display: none">SECOND asdfasdfa CONTENT HERE</SPAN>
</body>
</html>

Hope this points you in the right direction,
Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (

http://www.boomerang2002.com)

!! Many Happy Returns !! -->

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

visibility of page elements 1

blues77

Programmer

Boomerang

Programmer

Similar threads

Part and Inventory Search

Sponsor