webForumDet fria alternativet

Varför!!!?? Mycket besynnerligt!

JavaScript

7 svar · 212 visningar · startad av Chavez

ChavezMedlem sedan maj 20001 953 inlägg
Trådstart#1

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?

PeWMedlem sedan juni 200010 432 inlägg
#2

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.

ChavezMedlem sedan maj 20001 953 inlägg
#3

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.

nicclasMedlem sedan feb. 20001 050 inlägg
#4

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

[Redigerat av nicclas den 18 apr 2001]

PeWMedlem sedan juni 200010 432 inlägg
#5

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

GrymtMedlem sedan dec. 20011 685 inlägg
#6

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

nicclasMedlem sedan feb. 20001 050 inlägg
#7

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

GrymtMedlem sedan dec. 20011 685 inlägg
#8

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?

261 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)