Topic awaiting preservation: Dreamweaver PopUp Menue $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8192" title="Pages that link to Topic awaiting preservation: Dreamweaver PopUp Menue" rel="nofollow" >Topic awaiting preservation: Dreamweaver PopUp Menue\$

Author	Thread
Xdreamer.ch Maniac (V) Inmate From: Switzerland Insane since: Mar 2001	posted 05-29-2002 11:19 hi there I am currently redesigning our buisiness site. So I designed a menu and created it in Dw. So my problem is here.... http://www.burbit.ch/redesign You see, the layers don't close it after mouseout. How can I fix this? The behavior OnMouseOut doesn't work. It doesn't work also on the main menu links... cu ~Xdreamer.ch~ ------------------------------- to stupid for transparent sigs
DocOzone Maniac (V) Lord Mad Scientist Sovereign of all the lands Ozone and just beyond that little green line over there... From: Stockholm, Sweden Insane since: Mar 1994	posted 05-29-2002 13:36 Hmm, which element is supposed to be the the one that triggers the onMouseout function? You need to leave the little popup open so people can get to the links, but then what? I've cheated on this situation before, simply checked the y position of the mouse and if it got greater than the bottom of the biggest inserted window then it triggered the 'hide()' function. Your pal, -doc-
Xdreamer.ch Maniac (V) Inmate From: Switzerland Insane since: Mar 2001	posted 05-29-2002 13:47 I tried the OnMouseOut of the main picture in the navigation (but that can't be because the user have to select a link in the layer above)... I tried it also on the layers itself but there is nothing happend. Your version sounds complicated...do you got some code? cu ~Xdreamer.ch~ ------------------------------- to stupid for transparent sigs
someoneInverse Bipolar (III) Inmate From: Insane since: May 2002	posted 05-29-2002 15:43 Here's a bit of code I knocked together before now - does almost exactly the same thing that you're after, so perhaps you can use it I implemented it on an intranet site with a target audience of only ie5+ users, so I can't make any wild claims about portabiity, but I reckon that there's no reason why it shouldnt work on ns6.x hope it helps code: <html> <body style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;"> <table> <tr> <td><a href="#"><img src="1.gif" height="20" width="100" border="0" onmouseover="fShowDiv(0)" /></a></td> <td><a href="#"><img src="2.gif" height="20" width="100" border="0" onmouseover="fShowDiv(1)" /></a></td> <td><a href="#"><img src="3.gif" height="20" width="100" border="0" onmouseover="fShowDiv(2)" /></a></td> <td><a href="#"><img src="4.gif" height="20" width="100" border="0" onmouseover="fShowDiv(3)" /></a></td> </tr> <tr> <td> <div id="menu" style="position: absolute; width: 100; background-color: #99ccff; display: none;" onMouseOver="this.style.display='inline'" onMouseOut="fHideDiv()"> </div> </td> </tr> <tr> <td>other stuff</td> </tr> </table> <script language="javascript"> var arrContent = new Array( new Array(new Array("link01", "#"), new Array("link02", "#"), new Array("link03", "#"), new Array("link04", "#")), new Array(Array("link11", "#"), new Array("link12", "#")), new Array(Array("link21", "#")), new Array(Array("link31", "#"), new Array("link32", "#"), new Array("link33", "#"), new Array("link34", "#")) ); function fShowDiv(intPositionID) { var objElement = document.getElementById("menu") var strHTML = ""; for (intLoop1 = 0; intLoop1 < arrContent[intPositionID].length; intLoop1++) { strHTML += "<a href=\"" + arrContent[intPositionID][intLoop1][1] + "\">" + arrContent[intPositionID][intLoop1][0] + "</a><br>"; } objElement.innerHTML = strHTML; objElement.style.left = (3 * intPositionID) + (101 * intPositionID) + 3; objElement.style.display = "inline"; } function fHideDiv() { document.getElementById("menu").style.display = "none" } </script> </body> </html>

Topic awaiting preservation: Dreamweaver PopUp Menue\$

Author

Thread

Xdreamer.ch
Maniac (V) Inmate

From: Switzerland
Insane since: Mar 2001

posted 05-29-2002 11:19

hi there

I am currently redesigning our buisiness site. So
I designed a menu and created it in Dw. So my
problem is here....
http://www.burbit.ch/redesign

You see, the layers don't close it after mouseout. How
can I fix this?
The behavior OnMouseOut doesn't work. It doesn't work
also on the main menu links...

cu
~Xdreamer.ch~
-------------------------------
to stupid for transparent sigs

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted 05-29-2002 13:36

Hmm, which element is supposed to be the the one that triggers the onMouseout function? You need to leave the little popup open so people can get to the links, but then what? I've cheated on this situation before, simply checked the y position of the mouse and if it got greater than the bottom of the biggest inserted window then it triggered the 'hide()' function.

Your pal, -doc-

Xdreamer.ch
Maniac (V) Inmate

From: Switzerland
Insane since: Mar 2001

posted 05-29-2002 13:47

I tried the OnMouseOut of the main picture in the navigation
(but that can't be because the user have to select a link
in the layer above)...
I tried it also on the layers itself but there is nothing happend.

Your version sounds complicated...do you got some code?

cu
~Xdreamer.ch~
-------------------------------
to stupid for transparent sigs

someoneInverse
Bipolar (III) Inmate

From:
Insane since: May 2002

posted 05-29-2002 15:43

Here's a bit of code I knocked together before now - does almost exactly the same thing that you're after, so perhaps you can use it
I implemented it on an intranet site with a target audience of only ie5+ users, so I can't make any wild claims about portabiity, but I reckon that there's no reason why it shouldnt work on ns6.x

hope it helps

code:

<html>

<body style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">

<table>

<tr>

	<td><a href="#"><img src="1.gif" height="20" width="100" border="0" onmouseover="fShowDiv(0)" /></a></td>

	<td><a href="#"><img src="2.gif" height="20" width="100" border="0" onmouseover="fShowDiv(1)" /></a></td>

	<td><a href="#"><img src="3.gif" height="20" width="100" border="0" onmouseover="fShowDiv(2)" /></a></td>

	<td><a href="#"><img src="4.gif" height="20" width="100" border="0" onmouseover="fShowDiv(3)" /></a></td>

</tr>

<tr>

	<td>

<div id="menu" style="position: absolute; width: 100; background-color: #99ccff; display: none;" onMouseOver="this.style.display='inline'" onMouseOut="fHideDiv()">



</div>



	</td>

</tr>

<tr>

	<td>other stuff</td>

</tr>

</table>





<script language="javascript">



var arrContent = 

new Array(

	new Array(new Array("link01", "#"), new Array("link02", "#"), new Array("link03", "#"), new Array("link04", "#")), 

	new Array(Array("link11", "#"), new Array("link12", "#")), 

	new Array(Array("link21", "#")), 

	new Array(Array("link31", "#"), new Array("link32", "#"), new Array("link33", "#"), new Array("link34", "#"))

);



function fShowDiv(intPositionID)

{

	var objElement = document.getElementById("menu")

	var strHTML = "";



		for (intLoop1 = 0; intLoop1 < arrContent[intPositionID].length; intLoop1++)

		{

			strHTML += "<a href=\"" + arrContent[intPositionID][intLoop1][1] + "\">" + arrContent[intPositionID][intLoop1][0] + "</a><br>";

		}



		objElement.innerHTML = strHTML;

		objElement.style.left = (3 * intPositionID) + (101 * intPositionID) + 3;

		objElement.style.display = "inline";



}



function fHideDiv()

{

	document.getElementById("menu").style.display = "none"

}



</script>

</body>

</html>