How do I create a layer thats hidden in DHTML

**Rikki** · Aug 22, 2002, 09:34

Hi folks,

Im putting together an online form and wish to have little icons spread through out to offer context sensitive help using a hidden layer that will show itself when the icon is clicked.

I've seen something similar on a Forum somewhere (I thought it was here) where you could click an icon beside a username in a thread and details about the person appeared under their name.

I've got some code together but it doesnt work properly. The layer it creates although its invisible is still there and any text or tables placed underneath have alarge blank space where the hidden layer is.

Any help on this would be great thanks.

Here is my lame code at the moment.

[VBS]<html>
<head>

<script language="JavaScript">

</SCRIPT>
</HEAD>

<BODY BGCOLOR="#FFFFFF">

<A HREF="javascript:showhide('H1')">show</A>

<DIV ID="H1" STYLE="visibility: hidden">

HELLO

</DIV>
123
</BODY>
</HTML>[/VBS]

And here is a link to my broken version of it online (with all the info and details around it), its a form but its not connected up yet.

Many thanks.

Rikki

http://www.v-dm.com/test.htm

**beetle** · Aug 22, 2002, 10:10

Read this thread and see if it sheds any light...

**Rikki** · Aug 22, 2002, 11:17

I found the code at home that I saw, and it was actually from Sitepoint forums as I previously thought! Any Ideas why they removed it ?

**Rikki** · Aug 23, 2002, 03:00

Originally posted by beetle
Read this thread and see if it sheds any light...

Hi again.

Here is my working code, thanks for your help.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript" type="text/javascript">
<!--

function expandx(listID) {
        if (listID.style.display=="none") {
                listID.style.display="";
        }
        else {
                listID.style.display="none";
        }
}

//-->
</script>
</head>

<body>

<A HREF="javascript:expandx(H1);"> Show Help </a><BR>


	<div id="H1" style="display:none">

	Hidden text goes here, for example help text.

	<BR>
	</div>


This is always displayed on the users screen.

</body>
</html>

**Rikki** · Aug 23, 2002, 04:05

LOL - Any ideas on how to get it to function under Netscape/Opera/Mozilla?

Thanks

The SitePoint Forums have moved.

User Tag List

Thread: How do I create a layer thats hidden in DHTML

Thread Tools

Display

How do I create a layer thats hidden in DHTML

Bookmarks

Bookmarks

Posting Permissions