ændre dropdown menu

Pointene er gode nok, sikkert nærmere i overkanten, men referencen til dine billeder ligger i dette (lige rettet, så det også dur i andre browsere !-)

dom = (document.getElementById)?true:false;
function lag(lagnavn, bil){
st = dom?document.getElementById(lagnavn).style:document.all[lagnavn].style;
if (st.display != 'block') {
    st.display = 'block';
    bil.src = 'http://www.rolator.dk/pics/menu/foldop.gif';
} else {
    st.display = 'none';
    bil.src = 'http://www.rolator.dk/pics/menu/foldud.gif';
}
}

Hov, sikkert sikrere med:

st = (dom)?document.getElementById(lagnavn).style:document.all[lagnavn].style;

Ahvabba?

Kan ikke genkende det du skriver. Betvivler ikke at det funker, da jeg ikke har prøvet det af endnu jo :)

Hvor skal det sættes ind?

Du har i din .js-fil en funktion, som hedder:

function lag(lagnavn, bil)
{

-- den skal den erstatte !-)

-- og, da jeg ikke så nogen grund til at kigge i koden for dit eksempel har jeg bare brugt foldop.gif og foldud.gif som fil-navne, men det kan du jo ændre efter behov !o]

Tak.

Men så er der lige de to billeder du måske har overset, eller jeg bare ikke har forklaret godt nok *S*
Det var tanken at de skal bruges som mouseover.
Har prøvet at pusle lidt med det selv, men det funker ikke.

Altså ligesom i f.eks:
<img src="http://www.hjemmesidensnavn.dk/buttons/infoup.jpg" onmouseover="this.src='http://www.hjemmesidensnavn.dk/buttons/info.jpg'" onmouseout="this.src='http://www.hjemmesidensnavn.dk/buttons/infoup.jpg'">

dom = (document.getElementById)?true:false;
function lag(lagnavn, bil){
st = dom?document.getElementById(lagnavn).style:document.all[lagnavn].style;
if (st.display != 'block') {
    st.display = 'block';
    bil.src = "/buttons/infoup.jpg";
} else {
    st.display = 'none';
    bil.src = "/buttons/info.jpg";
}
}

Hmm... jeg formulerer det åbenbart forkert.

Der er FIRE billeder der skal blive til to knapper med mouseover-effekt.

Kig ind på http://www.angelfire.com/ex2/testside/ igen for at se hvad jeg mener *S*
(nederst)

dom = (document.getElementById)?true:false;
function lag(lagnavn, bil){
st = (dom)?document.getElementById(lagnavn).style:document.all[lagnavn].style;
if (st.display != 'block') {
    st.display = 'block';
    bil.src = "pil2down.jpg";
} else {
    st.display = 'none';
    bil.src = "pil3down.jpg";
}
}


<img src="pil3up.jpg" onmouseover="this.src=this.src.replace(/up\.jpg$/i,'down.jpg')" onmouseout="this.src=this.src.replace(/down\.jpg$/i,'up.jpg')">

det funker altså ikke...

Har ikke kunnet bruge dine svar. Sorry.