Jump to content

Archived

This topic is now archived and is closed to further replies.

slipperyfish

Element ID problem

Recommended Posts

Hey, im new to js.. Iv made this fairly simple script, however im having problems with the "hidenav()" funtion. I thought the easiest way to hide it, would be make the "visible" - "0" .. obviouslly hiding it. (If there is a better way please let me know) .. im just having problems trying to hide it?

Here's my script:

[code]<html>
<head>
<title>Nebwie Style. DHTML Menu1</title>

<script TYPE="text/javascript"><!--

function displayNav()
{

    boxdiv = document.createElement('div');

    boxdiv.style.display = 'block';
    boxdiv.id = 'myDiv';
    boxdiv.style.position = 'absolute';
    boxdiv.style.width = '100px';
    boxdiv.style.top = '100px';
    boxdiv.style.left = '100px';
    boxdiv.style.height = '200px';
    boxdiv.style.backgroundColor = '#3E3D40';
    boxdiv.innerHTML = 'Test!';

    document.body.appendChild(boxdiv);

    return false;
}

function hideNav()
{
    getElementById('myDiv').style.visible="no";

}
    

//--></script>

</head>
<body>

<p onMouseOver="return displayNav();" onMouseOut="return hideNav();">Show Nav</p>

</body>
</html>[/code]

As i said I am new to js.. any help much appreciated!

Share this post


Link to post
Share on other sites
Might work by changing the following:

[code]function hideNav()
{
    document.getElementById('myDiv').style.display="none";

}[/code]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.