Thread JavaScript, nodeValue&innerHTML Text aendern (1 answers)
Opened by styx-cc at 2007-10-16 16:47

styx-cc
 2007-10-16 16:47
#100918 #100918
User since
2006-05-20
533 Artikel
BenutzerIn

user image
Halli hallo, bin immer noch am arbeiten an meiner Seite..
Folgendes, ich versuche Text beim ueberstreichen von Bildern mit der Maus dynamisch zu aendern, angucken kann man sich das ganze hier: http://styx-cc.de/cgi-bin/index.cgi?p=me

Mein JavaScript sieht so aus:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
function change(img) {
document.images[3].src = '../images/'+ img +'.jpg';
}

function chgtext(mNum) {
var Messages = new Array (
"Testtext 1",
"Testtext 3",
"Testtext 2",
"Testtext 4"
);
document.getElementById("description").firstChild.nodeValue=Messages[mNum];
//document.all.description.innerHTML = Messages[mNum];
}
</script>


So die HTML:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="me">
<p>
<img src="../images/myself.jpg" class="myself_img" alt="Grossansicht" />

<img src="../images/myself_mini.jpg" class="small_img"
onmouseover="change('myself');chgtext(0);" alt="Miniansicht" />

<img src="../images/wir_mini.jpg" class="small_img"
onmouseover="change('wir');chgtext(1);" alt="Miniansicht" />

<img src="../images/bobby_mini.jpg" class="small_img"
onmouseover="change('bobby');chgtext(2);" alt="Miniansicht" />

<img src="../images/fam_mini.jpg" class="small_img"
onmouseover="change('fam');chgtext(3);" alt="Miniansicht" />

<span id="description">
Der voreingestellte Standarttext
<br /><br /></span></p>
</div>


Das ganze funktioniert auch wunderbar im Firefox, im IE allerdings aendert er mir den Text nicht. Ich habe das auch mit innerHTML (auskommentiert) versucht, allerdings streikt da der Firefox. Kennt einer von euch vielleicht eine Moeglichkeit das in moeglichst vielen Browsern zum laufen zu bringen? SelfHTML behauptet das dass mit innerHTML funktioinert. Ist eine Browserweiche zwingend?
Validiert ist das ganze auch ;-)

MfG
Pörl.

View full thread JavaScript, nodeValue&innerHTML Text aendern