Just nu i M3-nätverket
Jump to content
Eforum läggs ner i slutet av juni, klicka för att läsa mer

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

L. Gustafsson

By L. Gustafsson,
in Webbutveckling

Recommended Posts

L. Gustafsson

L. Gustafsson

Posted
Posted

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

 

Link to comment
Share on other sites
zerblat

zerblat

Posted
Posted

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]

 

Link to comment
Share on other sites
L. Gustafsson

L. Gustafsson

Posted
  • Author
Posted

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

 

Link to comment
Share on other sites
Anjuna Moon

Anjuna Moon

Posted
Posted
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.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing


×
×
  • Create New...