Images im anderen div ändern
alice
- javascript
0 Gerhard Knabe0 Alice0 Gerhard Knabe0 Alice
Ich brauche Rat.
Versuche per Javascript eine Grafik - über einen Grafikverweis im div - in einem anderen divbereich zu ändern.
Hier der Code:
<script type="text/javascript">
Zweitbild = new Image(175, 124);
Zweitbild.src = "../images/blub_175x125.jpg";
function Zwei () {
document.all.tags("h3")[0].innerHTML = "Komme nicht weiter.";
document.images["hallo"].src = Zweitbild.src;
}
</script>
Der Link der die Grafik ändern soll:
<a href="javascript:Zwei()"><img border="0" src="../images/Reiter-S.jpg" width="162" height="17"></a>
Habe mich daran orientiert: http://de.selfhtml.org/javascript/objekte/images.htm#hspace
Leider erkennt er nicht die Grafik im anderen Divbereich, auch wenn ich name="das ist die Grafik" benutzte ist es das selbe. Wenn ich den Tab angeben [0] haut er mir die Grafik in die Grafikverweise.
Wie kann ich eine Grafik in einem anderen divbereich ansprechen?
Hoffe ihr könnt mir helfen.
Gruß Alice
Du brauchst doch nur das img-Tag per document.getElementById oder document.getElementByName zu ermitteln und das src-Attribut zu setzen. Falls Du das Hintergrundbild eines div-Tags ansprechen möchtest funktioniert das auf die gleiche Weise, nur dass Du style.backgroundImage anstelle von src verwendest.
Beispielsweise steht im Javascriptbereich dann
document.getElementById("ImageId").src = "Neue URL";
und im HTML Teil
<img id='ImageId' src='Alte URL'>
MfG
GK
Vorab danke für deine Antwort.
Funktioniert einzeln, jedoch in Verbindung mit innerHTML nicht.
Code:
document.getElementById("ImageId").src = "Neue URL".innerHTML = "Dies ist der Text";
Möchte nicht nur die Grafik ändern sondern auch den Text dazu.
Habe jetzt ein paar Stunden verschiedene Sachen probiert, könnte mir jemand dabei helfen?
Gruß Alice
Was mit img-Tags funktioniert funktioniert auch mit allen anderen. Du kannst den zu ändernden Text in ein span-Tag einschliessen und diesem dann eine id verpassen.
Javascript:
document.getElementById("TextId").innerHTML = "Was auch immer";
HTML Code:
<span id='TextId'>Hier steht was</span>
Falls der Text eine Verknüpfung sein soll geht natürlich auch
<a id='TextId'>Hier steht was</a>
oder aber, in deinem Fall nehme ich an:
<h3 id='TextId'>Hier steht was</h3>
MfG
GK
Danke dir ;-)
LG Alice