Hejsan,
Jag täntke söka på forumet innan jag startade en ny tråd, men jag visste inte vad jag skulle söka på. Så det får bli en ny tråd :)
Jag har en meny där vissa menyval har undermenyer (som visas och döljs med divvar). Menyvalen med undermenyer är markerade med en bild (som föreställer en pil). När man klickar på menyvalen för att få fram undermenyerna vill jag byta ut bilden, så att pilen pekar neråt.
Går detta att göra med JavaScript?
Edit: Jag kan ju bjuda på den kod som finns nu :)
echo "<div class=menutitle onclick=\"SwitchMenu('sub".$i."')\" style=\"background-color: $bg;\"><img src=\"img/icon_arrow_admin.gif\"><a href=spec.php?page=article&id=$id>$topic</a></div>";
När man klickar på länken ($topic) så vill jag alltså byta ut bilden (icon_arrow_admin.gif) mot en annan (icon_arrow_admin_dn.gif).
Det går alldels utmärkt att göra i javascript. Skall inte vara så svårt
Kan använda dig av. Men hitta bild som skall ändras
document.getElementById("id pa bilden bilden").setAttribute("src", "bilder/ned_pil.gif");
Jag har typ 0 koll på JavaScript, så jag vet inte vart den där koden ska in :)
Jag hittade ett script på jojoxx sida (så klart ;)) som är exakt den funktionen jag vill ha, men jag får inte scriptet att funka.
http://www.jojoxx.net/jscript/archive/show.asp?id=7
Min kod:
<html>
<head>
<title> hej </title>
<script type="text/javascript">
if (document.images) {
button_1_on=new Image;
button_1_on.src="img/icon_arrow_admin_dn.gif";
button_1_off=new Image;
button_1_off.src="img/icon_arrow_admin.gif";
button_2_on=new Image;
button_2_on.src="img/icon_arrow_admin_dn.gif";
button_2_off=new Image;
button_2_off.src="img/icon_arrow_admin.gif";
button_3_on=new Image;
button_3_on.src="img/icon_arrow_admin_dn.gif";
button_3_off=new Image;
button_3_off.src="img/icon_arrow_admin.gif";
var re;
}
function rollIn(imgName){
if (document.images) document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName){
if (document.images && re!=imgName) document[imgName].src=eval(imgName + "off.src");
}
function selectLink(imgName){
if(re&&re!=imgName) document[re].src=eval(re + "off.src");
re = imgName;
}
</script>
</head>
<body>
<a href="#" onClick="selectLink('button_1_');" onMouseover="rollIn('button_1_');" onMouseout="rollOut('button_1_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_1_" alt="Imageswap">hej</a><br>
<a href="#" onClick="selectLink('button_2_');" onMouseover="rollIn('button_2_');" onMouseout="rollOut('button_2_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_2_" alt="Imageswap">hej</a><br>
<a href="#" onClick="selectLink('button_3_');" onMouseover="rollIn('button_3_');" onMouseout="rollOut('button_3_');"><img src="img/icon_arrow_admin.gif" border=0 name="button_3_" alt="Imageswap">hej</a><br>
</body>
</html>
Jag tänkte bumpa tråden och se om någon med koll på JavaScript kan förstå varför det inte funkar.
Du saknar ett avslutande citationstecken på ett ställe. Lägg till det så fungerar det nog.
button_3_off.src="img/icon_arrow_admin.gif";
LOL! Att jag missade det. Tack för att du var uppmärksam på det :)
Ps. Jag redigerar koden så att den stämmer. Ds.
