Skift billede ved OnClick ved hjælp af JavaScript
HejJeg har en række <div> tags der ved klik åbner bestemte <span> og lukker de/den span der er åben
Div kode:
<div onclick="ShowVejledning('{ID}');">
<img src="images/op.gif">Se her</div>
Span kode:
<span class="sub_vejledning" id="{ID}">Dette er Span 1</span>
Span og hvilken Div der er klikket på bestemmes af {ID} som er et id der dynamsik bliver tildelt af en PHP funktion (det vil i browseren kunne ses som tal dvs 1 2 3 osv alt efter hvor mange spans der er)
JavaScriptet der henholdsvis åbner og lukker de pågælende spans er her:
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.sub_vejledning{display: none;}\n')
document.write('</style>\n')
}
function ShowVejledning(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("MasterDiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="sub_vejledning")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
Og nu kommer det jeg søger hjælp til.
I den div man trykker på er et lille billede. Jeg kunne godt tænke mig at dette billede skifter når man har klikket på det div tag som billedet er i. Ligeledes skal det gå tilbage til det oprindelige billede hvis man klikker på en anden div eller den div som man lige har åbnet.
Jeg tror derfor det ville derfor være smart om jeg kunne bygge denne funktion ind i det javascript der åbner og lukker mine spans. Men er der nogle der kan hjælpe mig med det ?
Jeg forestiller mig at selve billedet får samme id som div og span taget så den ser sådan her ud: <img src="images/op.gif" id="{ID}"> herved kan de forskellige billeder kendes fra hinanden.
Håber på lidt hjælp, er ikke den store JavaScript haj, så bær over med mig hvis jeg skal ha noget ind med 7 tommer søm :)
