Just nu i M3-nätverket
Jump to content

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


L. Gustafsson

Recommended Posts

L. Gustafsson

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

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

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



×
×
  • Create New...