Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Hur få denna folder down meny att fungera i Netscape?

L. Gustafsson

Startad av L. Gustafsson,
i Webbutveckling

Rekommendera Poster

L. Gustafsson

L. Gustafsson

Postad
Postad

Hej!

 

Som jag tidigare skrivit är Java Script och jag inte som Yin och Yang precis men ändå måste jag använda detta script språk emellanåt.

 

Nu handlar det om en meny och jag fann ett bra exempel på en meny som jag ville ha men...naturligtvis fungerar den inte i Netscape.

 

Jag klistrar in koden här och finns det någon vänlig själ som kan tala om hur denna kan modifieras för att fungera i Netscape så vore jag väldigt tacksam.

 

function visadolj1(obj) {

 

if(obj.style.display=='none') {

obj.style.display='block'

var x = 1

}

else {

obj.style.display='none'

var x = 2

}

var bild = new Image()

bild.src = "knapp.ut.gif"

var oldbild = new Image()

oldbild.src = "knapp.in.gif"

if(x == 1) {

document.images["a1"].src = bild.src

}

if(x == 2) {

document.images["a1"].src = oldbild.src

}

}

 

 

I html koden:

 

<div id="huvud" onclick="visadolj1(u1)"><img src="knapp.in.gif" name="a1"> Avdelning 1</div>

<div id="u1" style="display: none">

&nbsp;&nbsp;&nbsp;<img src="knapp.neutral.gif"> <a href="#" id="sub">Länk 1</a><br>

&nbsp;&nbsp;&nbsp;<img src="knapp.neutral.gif"> <a href="#" id="sub">Länk 2</a><br>

&nbsp;&nbsp;&nbsp;<img src="knapp.neutral.gif"> <a href="#" id="sub">Länk 3</a><br>

</div>

 

H.

 

Lars

 

Länk till kommentar
Dela på andra webbplatser
zerblat

zerblat

Postad
Postad

Vilken Netscape? Netscape <= 4 är ett helt annat monster än Netscape > 5.

 

Det här funkar i Mozilla (jag passade på att fixa lite grejer jag retade mej på ;):

[log]

<html>
<head>
<style>
li.sub {
margin-left: 1em;
list-style-image: url(knapp.neutral.gif);
}
</style>
</head>
<body>
<script type="text/javascript">
function visadolj1(obj) {

obj = document.getElementById(obj);

if(obj.style.display=='none') {
obj.style.display='block'
var x = 1
}
else {
obj.style.display='none'
var x = 2
}
var bild = new Image()
bild.src = "knapp.ut.gif"
var oldbild = new Image()
oldbild.src = "knapp.in.gif"
if(x == 1) {
document.images["a1"].src = bild.src
}
if(x == 2) {
document.images["a1"].src = oldbild.src
}
}
</script>
<div id="huvud" onclick="visadolj1('u1')"><img src="knapp.in.gif" name="a1" /> Avdelning 1</div><ul id="u1" style="display: none">
<li class="sub"><a href="#">Länk 1</a></li>
<li class="sub"><a href="#">Länk 2</a></li>
<li class="sub"><a href="#">Länk 3</a></li>
</ul>
</body>
</html>

[/log]

 

Länk till kommentar
Dela på andra webbplatser
L. Gustafsson

L. Gustafsson

Postad
  • Trådskapare
Postad

Tack för svaret och jag menade Netscape > 5...

Men, kan man lösa samma problem utan att använda <ul> och <li>

 

Det blir sådana hopp om man använder dessa taggar.

 

H

 

Lars

 

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad
Det blir sådana hopp om man använder dessa taggar.

 

Vad menar du med hopp? Om det är indentering och vertikala avstånd du pratar om så är det ju bara att justera dessa med css.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...