Jump to content
Old threads will finally start getting archived ×

Element ID problem


slipperyfish

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!
Link to comment
https://forums.phpfreaks.com/topic/5411-element-id-problem/
Share on other sites

Archived

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

×
×
  • Create New...

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.