---
title: "Varför!!!?? Mycket besynnerligt!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17652-varför-mycket-besynnerligt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Chavez"
published: "2001-04-17T21:38:00.000Z"
updated: "2001-04-18T13:46:00.000Z"
replies: 7
views: 212
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/17652-varför-mycket-besynnerligt"
---

# Varför!!!?? Mycket besynnerligt!

## #1 — Chavez, 2001-04-17T21:38Z

Kolla in denna sidan: <http://www.gametrade.nu/Grymt2.1/meny.html> 
När du drar över den andra länken i lagrena som "ramlar ner" så tolkar lagret det som om man hade dragit musen utanför lagret. När man i själva verket är mitt i.
När den tror att man är utanför så anropar den hide() som gömmer lagret.

Kolla in källkoden, för mig finns det inga direkt konstigheter. Varför blir det då såhär? Och hur går man runt det?

Permalänk: https://www.webforum.nu/p/17652

## #2 — PeW, 2001-04-17T21:48Z

Du skickar med argument till "hide(\_argument\_)" men funktionen är inte deklarerad till att ta emot några argument... sålunda släcker den alla lager.

Permalänk: https://www.webforum.nu/p/332692

## #3 — Chavez, 2001-04-17T21:57Z

Det skall väl detta fixa?: 
a=hide.arguments;
i=hide.length;
Samt for slingan lösa så att rätt stängs. 
Har gjort så för att kunna stänga många på en gång.

Permalänk: https://www.webforum.nu/p/332693

## #4 — nicclas, 2001-04-17T22:07Z

Problemet ligger i att du bara kör "onmouseover" på dina bilder, du måste ha dem på lagren också.

Då blir det så här:

```
<html>
<head>
<title>Kolapsande meny Version 2.1</title>

<STYLE TYPE="text/css">
A { text-decoration: none }
A:hover { text-decoration: underline }
#Allsvenskan { position:absolute; visibility: hidden; left:10px; top:175px; width:134px; height:182px; z-index:1; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Superettan { position:absolute; visibility: hidden; left:115px; top:175px; width:134px; height:182px; z-index:2; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Damallsvenskan { position:absolute; visibility: hidden; left:206px; top:175px; width:134px; height:182px; z-index:3; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Svenskacupen { position:absolute; visibility: hidden; left:330px; top:175px; width:134px; height:182px; z-index:4; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Medlem { position:absolute; visibility: hidden; left:445px; top:175px; width:134px; height:182px; z-index:5; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Lankar { position:absolute; visibility: hidden; left:517px; top:175px; width:134px; height:182px; z-index:6; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
#Crew { position:absolute; visibility: hidden; left:582px; top:175px; width:134px; height:182px; z-index:7; background-image: url(images/meny_bakgrund.gif); layer-background-image: url(images/meny_bakgrund.gif); border: 1px none #000000 }
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!--

//Kollar om man kör IE eller NS
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

//Funktionen som visar lagret
function show(id) {
	if (ns4){
	document.layers[id].visibility = "show"
	}
	else if (ie4){
	document.all[id].style.visibility = "visible"
	}
}

//Funktionen som stänger ner lagren. Kan ta flera argument för att stänga många lager.
function hide() {
	
a=hide.arguments;
i=hide.length;

	if (ns4){ 
		for(i=0; i<a.length; i++){
		document.layers[a[i]].visibility = "hide"
		}
	}else if (ie4){
		for(i=0; i<a.length; i++){
		document.all[a[i]].style.visibility = "hidden"
		}
	}
}

// Slut på Javascripten -->
</script>
</head>

<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
  
<tr> 
    <td height="128">
	<div id="Allsvenskan" onmouseout="hide('Allsvenskan');" onmouseover="show('Allsvenskan'); hide('Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew');">
	<A HREF="#">Nyheter</A><br>
	<A HREF="#">Tabellen</A><br>
	<A HREF="#">Resultat/Spelschema</A><br>
	<A HREF="#">Publikligan</A><br>
	<A HREF="#">Skytteligan</A><br>
	<A HREF="#">Kortligan</A><br>
	<A HREF="#">Lagen</A><br>
	<A HREF="#">Bortaplan</A><br>	
	</div>
      
	<div id="Superettan" onmouseout="hide('Superettan');" onmouseover="show('Superettan'); hide('Allsvenskan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew');">
	<A HREF="#">Tabell</A><br>
	<A HREF="#">Resultat/Spelschema</A><br>
	</div>
	
	<div id="Damallsvenskan" onmouseout="hide('Damallsvenskan');" onmouseover="show('Damallsvenskan'); hide('Allsvenskan','Superettan','Svenskacupen','Medlem','Lankar','Crew');">
	<A HREF="#">Tabell</A><br>
	<A HREF="#">Resultat/Spelschema</A><br>	
	</div>

	<div id="Svenskacupen" onmouseout="hide('Svenskacupen');" onmouseover="show('Svenskacupen'); hide('Allsvenskan','Superettan','Damallsvenskan','Medlem','Lankar','Crew');">
	<A HREF="#">Herrar</A><br>
	<A HREF="#">Bakgrunder</A><br>
	</div>
	
	<div id="Medlem" onmouseout="hide('Medlem');" onmouseover="show('Medlem'); hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Lankar','Crew');">
	<A HREF="#">Logga In</A><br>
	<A HREF="#">Ändra Inställningar</A><br>
	<A HREF="#">Bli Medlem</A><br>
	<A HREF="#">Andra Medlemmar</A><br>
	<A HREF="#">Tipset</A><br>
	<A HREF="#">Forum</A><br>
	<A HREF="#">Tävlingar</A><br>
	<A HREF="#">Intervjuer</A><br>
	</div>
	
	<div id="Lankar" onmouseout="hide('Lankar');" onmouseover="show('Lankar'); hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Crew');">
	<A HREF="#">Herrallsvenskan</A><br>
	<A HREF="#">Superettan</A><br>
	<A HREF="#">Damallsvenskan</A><br>
	<A HREF="#">Diverse fotbollsidor</A><br>
	</div>
	
	<div id="Crew" onmouseout="hide('Crew');" onmouseover="show('Lankar'); hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Crew');">
	<A HREF="#">Hjälp!?</A><br>
	<A HREF="#">Crew</A><br>
	<A HREF="#">Kontakta</A><br>
	<A HREF="#">Annonsera</A><br>
	<A HREF="#">Sponsorer</A><br>
	</div>
    
    </td>
  </tr>
  
<tr>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
    <td><A HREF="#" onmouseover="hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/pixel.gif" width="100%" height="10" border="0"></A></td>
</tr>

<tr> 
    <td><A HREF="javascript:show('Allsvenskan')" onmouseover="show('Allsvenskan'), hide('Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/Allsvenskan.gif" width="94" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Superettan')" onmouseover="show('Superettan'), hide('Allsvenskan','Damallsvenskan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/Superettan.gif" width="91" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Damallsvenskan')" onmouseover="show('Damallsvenskan'), hide('Allsvenskan','Superettan','Svenskacupen','Medlem','Lankar','Crew')"><img src="images/Damallsvenskan.gif" width="126" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Svenskacupen')" onmouseover="show('Svenskacupen'), hide('Allsvenskan','Superettan','Damallsvenskan','Medlem','Lankar','Crew')"><img src="images/Svenska_cupen.gif" width="116" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Medlem')" onmouseover="show('Medlem'), hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Lankar','Crew')"><img src="images/Medlem.gif" width="72" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Lankar')" onmouseover="show('Lankar'), hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Crew')"><img src="images/Lankar.gif" width="65" height="22" border="0"></A></td>
    <td><A HREF="javascript:show('Crew')" onmouseover="show('Crew'), hide('Allsvenskan','Superettan','Damallsvenskan','Svenskacupen','Medlem','Lankar')"><img src="images/Crew.gif" width="53" height="22" border="0"></A></td>
    <td><img src="images/Meny_slut.gif" width="184" height="22"></td>
  </tr>
</table>

</body>
</html>
```

Sen återstår det ju att slipa till storlekarna på lagren osv, men sen så :)

/nicclas - [www.nyhetsrubriker.com](http://www.nyhetsrubriker.com) 

\[Redigerat av nicclas den 18 apr 2001\]

Permalänk: https://www.webforum.nu/p/332694

## #5 — PeW, 2001-04-18T05:46Z

Det skall väl detta fixa?: 
a=hide.arguments;
i=hide.length;
Samt for slingan lösa så att rätt stängs. 
Har gjort så för att kunna stänga många på en gång.

Sorry, jag kollade slarvigt.  :r

Permalänk: https://www.webforum.nu/p/332695

## #6 — Grymt, 2001-04-18T13:19Z

När jag kopierar nicclas script och testar det fungerar inte lagerna alls. 
får ett felmeddelande bara..?

Permalänk: https://www.webforum.nu/p/332696

## #7 — nicclas, 2001-04-18T13:24Z

Kopiera bättre. Det fungerar (fortfarande!) ;)

Permalänk: https://www.webforum.nu/p/332697

## #8 — Grymt, 2001-04-18T13:46Z

får fel på rad 7, Tecken 1, Kod 0

Kan det vara för att allting lägger sig på alla rader utan alla radbrytningar som det är i det som du har här över?

Permalänk: https://www.webforum.nu/p/332698

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17652-varför-mycket-besynnerligt
