images über id oder namen in Javascripten ansprechen
snatch
- javascript
Hab da so ein kleines Problem...
Ist es irgendwie möglich bei einem mouseOver-Effekt images über ihren Namen oder ihre ID anzusprechen? Mit der Bildnummer ist das kein Problem, aber ich will ganz sicher dieses bild ansprechen und mich nicht mit einer Nummer vertun, und dann ewig frickeln!
Vielen Dank...
abend,
Ist es irgendwie möglich bei einem mouseOver-Effekt images über
ihren Namen oder ihre ID anzusprechen?
klar.
siehe dazu http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id
oder auch http://selfhtml.teamone.de/javascript/objekte/document.htm#get_elements_by_name
oder...
mfg,
(tanz das)
Z.N.S.
Okay, das habe ich probiert, aber es klappt nicht:
hier mein quellcode:
script:
nav06 = new Image();
nav06.src = "./images/navigation/links.gif";
navOver06 = new Image();
navOver06.src = "./images/navigation/links_over.gif";
function navChange(imgID, overObj) {
imgID = "navEl" + imgID;
overSrc = "nav" + overObj;
alert(imgID);
alert(overSrc);
window.document.getElementById(imgID).src = overSrc.src;
} // end function navChange
aufruf in html:
<a href="" onMouseOver="navChange('06','Over06')" onMouseOut="navChange('06','06')">
<img id="navEl01" src="./images/navigation/links.gif" />
</a>
function navChange(imgID, overObj) {
imgID = "navEl" + imgID;
overSrc = "nav" + overObj;alert(imgID);
alert(overSrc);window.document.getElementById(imgID).src = overSrc.src;
} // end function navChange
die alerts nicht weiter beachten, nur kontrollfunktion...
Okay, Problem gelöst! Danke!!!!!
abend,
Beispiel für IE und ohne Gewähr ;)
<script language="JavaScript">
function ChangePic(picID,picSrc) {
document.getElementById(picID).src = picSrc;
}
</script>
<a href="bla.html" onMouseOver="ChangePic('seite1','seite1b')" onMouseOut="ChangePic('seite1a')">
<img src="seite1a.gif" id="seite1" name="seite1">
</a>
mfg,
(tanz das)
Z.N.S.