webForumDet fria alternativet

rullgardinsmenyer

6 svar · 351 visningar · startad av qwerty

qwertyMedlem sedan jan. 2001391 inlägg
#1

Hur i h-e gör man sådana rullgardinsmenyer som finns exempelvis på adcore.com. Jag har försökt länge nu men alltid blir det nåt fel. Just nu kan man öppna alla menyer om man vill. Jag vill att när man öppnar en meny ska de andra "rullas upp". Likaså om du har en meny öppen och klickar för att öppna en annan så händer det ingenting på det första klicket, utan man måste klicka 2 gånger för att menyn ska öppnas.

Vore enormt tacksam om någon ville dela med sig av sina kunskaper inom detta. Det måste funka i båda läsarna...

Har hittat en del olika menysystem, men de funkar nästan alldrig i både ns och ie. synd.

------------------
Qwerty

Den som provar han testar...

Web-TorMedlem sedan nov. 200011 794 inlägg
#2

Ja, den frågan har väl varit upp här ett par gånger vid det här laget. Prova sökfunktionen vet ja. ;)

Du hittar säkert nåt på www.bratta.com

------------------
/Tor

Gör ett hembesök

qwertyMedlem sedan jan. 2001391 inlägg
#3

...men vad ska jag söka på då?

provat att söka på rullgardin eller rullgardinsmeny. Får då 2 träffar varav 1 är denna. Inget matnyttigt alls.

__
Vill ha 4 menyer. Jag har varje meny som en gif-bild. Vill att när jag trycker på "visa-länken" ska lagret med rätt gifbild visas. När jag trycker på nästa vill jag att det första lagret ska försvinna och det nya visas.
_
_

Kom med ett tips någon...

------------------
Qwerty

Den som provar han testar...

JohnsenMedlem sedan juli 2000718 inlägg
#4

Har du image-mappar på giffarna i lagren då, eller?

[r]stavfel[/r]

[Redigerat av Johnsen den 02 maj 2001]

qwertyMedlem sedan jan. 2001391 inlägg
#5

precis.

Nåt tips eller...?

------------------
Qwerty

Den som provar han testar...

JohnsenMedlem sedan juli 2000718 inlägg
#6

Prova detta:

<html>
<head>
<script type="text/javascript" language="JavaScript">
antal=4  // Antal menyer.

function show_hide(vilken){

if(document.layers){ // NN 4+
var vis= (document.layers["lager"+vilken].visibility=="hide")? "show":"hide";
for(var i=1; i<=antal; i++){if(i!=vilken){document.layers["lager"+i].visibility="hide"}}
document.layers["lager"+vilken].visibility=vis;
}

else if(document.all){ // IE 4+
var vis= (document.all("lager"+vilken).style.visibility=="hidden")? "visible":"hidden";
for(var i=1; i<=antal; i++){if(i!=vilken){document.all("lager"+i).style.visibility="hidden"}}
document.all("lager"+vilken).style.visibility=vis;
}

else if(document.getElementById){ // NS 6
var vis= (document.getElementById("lager"+vilken).style.visibility=="hidden")? "visible":"hidden";
for(var i=1; i<=antal; i++){if(i!=vilken){document.getElementById("lager"+i).style.visibility="hidden"}}
document.getElementById("lager"+vilken).style.visibility=vis;
}

}
</script>

<head>

<a href="javascript:show_hide(1)">Meny 1</a>&nbsp;
<a href="javascript:show_hide(2)">Meny 2</a>&nbsp;
<a href="javascript:show_hide(3)">Meny 3</a>&nbsp;
<a href="javascript:show_hide(4)">Meny 4</a>&nbsp;

<div id="lager1" style="visibility:hidden; position:absolute; left:0; top:100;">
<img src="bild.gif" border=0 usemap="#mapp1"></div>
<map name="mapp1">
<area shape="rect" coords="1,0,100,20" href="bla1.html" >
<area shape="rect" coords="1,20,100,40" href="bla_bla1.html" >
</map>

<div id="lager2" style="visibility:hidden; position:absolute; left:100; top:100;">
<img src="bild.gif" border=0 usemap="#mapp2"></div>
<map name="mapp2">
<area shape="rect" coords="1,0,100,20" href="bla2.html" >
<area shape="rect" coords="1,20,100,40" href="bla_bla2.html" >
</map>

<div id="lager3" style="visibility:hidden; position:absolute; left:200; top:100;">
<img src="bild.gif" border=0 usemap="#mapp3"></div>
<map name="mapp3">
<area shape="rect" coords="1,0,100,20" href="bla3.html" >
<area shape="rect" coords="1,20,100,40" href="bla_bla3.html" >
</map>

<div id="lager4" style="visibility:hidden; position:absolute; left:300; top:100;">
<img src="bild.gif" border=0 usemap="#mapp4"></div>
<map name="mapp4">
<area shape="rect" coords="1,0,100,20" href="bla4.html" >
<area shape="rect" coords="1,20,100,40" href="bla_bla4.html" >
</map>

</html>

------------------
- J-O-H-N-S-E-N -
------------------

qwertyMedlem sedan jan. 2001391 inlägg
#7

...du anar inte hur glad jag blev nu! :e

------------------
Qwerty

Den som provar han testar...

130 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
127 ms — hämta tråd, inlägg och bilagor (db)