Browser Problem - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Browser Problem

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Browser Problem

Pages: [1] 2 ... nächste » ... Letzte »

geschrieben von Hawk am 27.06.2005 - 21:41

Habe ein Script läuft zwar im IE aber nicht in Netscape

hier der Code.

var Img = new Array();
Img[0]="auf.jpg";
Img[1]="zu.jpg";

function auf() {
document.getElementById('b1').background=Img[0];
}
function aufzu() {
document.getElementById('b1').background=Img[1];
}

<td id="b1" width="100" height="100" border="1" onMouseover="auf()" onMouseout="aufzu()">bla,bla</td>

Kann jemand helfen

danke

geschrieben von Patrick am 27.06.2005 - 21:57

Hallo,

ich kenne mich zwar mit Netscape nicht so aus aber versuche mal das Element nicht mit der ID sondern mit dem Namen anzusprechen, evtl. hilft das weiter.

mfG,
Patrick

geschrieben von Micha am 27.06.2005 - 22:13

Hi

muss da nicht noch ein .style mit rein? also so:

	HTML-Quelltext
1:	document.getElementById("b1").style.backgroundImage = IMG[0];

Du solltest vll auch vermeiden, variablen so zu benennen, wie ein HTML Tag...

Micha

geschrieben von Hawk am 27.06.2005 - 22:21

@Patrick

klapp leider auch nicht mit den Namen.

@derletztekick

Mit Style davor klapp es auch nicht, und im IE nicht.

geschrieben von Micha am 27.06.2005 - 22:36

Ja, das war Dein erster Fehler, der zweite ist, das URL noch hin muss, so gehts dann also:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:

var Imgages = new Array();
Imgages[0]="http://javarea.de/forum/attachment.php3?avatarid=140&avataruserid=1252";
Imgages[1]="http://javarea.de/forum/attachment.php3?avatarid=60&avataruserid=53";


function auf() {
document.getElementById('b1').style.backgroundImage="url('"+Imgages[0]+"')";
}
function aufzu() {
document.getElementById('b1').style.backgroundImage="url('"+Imgages[1]+"')";
}

geschrieben von Hawk am 27.06.2005 - 22:45

@derletztekick

ich danke dir , mit URL hatte ich zwar herum gebastelt aber falscg geschrieben.

danke nochmal wieder was gelernt

geschrieben von Micha am 27.06.2005 - 22:54

URL habe ich auch erst nicht gesehen und mich gewundert, warum es nicht geht. aber naja, man ist halt auch betriebsblind^^ Viel Erfolg!

Micha

geschrieben von Hawk am 27.06.2005 - 23:01

@derletztekick,

ich mit den Hochkomma's nicht klar gekommen.

Aber mann lernt nie aus, und wofür sind denn Forum's da!!

Gruß Thomas

geschrieben von Hawk am 27.06.2005 - 23:07

@derletztekick,

Habe mal noch eine Frage dazu.

Wie spreche ich mehrere id an

mi

document.getElementById('b1[0]').style.backgroundImage="url('"+Bild[0]"')";
document.getElementById('b1[1]').style.backgroundImage="url('"+Bild[0]"')";

geschrieben von Micha am 27.06.2005 - 23:17

So zB..

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18:

<script>
var Imgages = new Array();
Imgages[0]="http://javarea.de/forum/attachment.php3?avatarid=140&avataruserid=1252";
Imgages[1]="http://javarea.de/forum/attachment.php3?avatarid=60&avataruserid=53";


function auf(number) {
document.getElementById('b'+number).style.backgroundImage="url('"+Imgages[0]+"')";
}
function aufzu(number) {
document.getElementById('b'+number).style.backgroundImage="url('"+Imgages[1]+"')";
}
</script>
<table><tr>
<td id="b1"  width="100" height="100" border="1" onMouseover="auf(1); return true;" onMouseout="aufzu(1); return true;">bla,bla</td> 
<td id="b2"  width="100" height="100" border="1" onMouseover="auf(2); return true;" onMouseout="aufzu(2); return true;">bla,bla</td> 

</tr></table>

Ich weiss nicht, ob es das ist, was Du suchst aber das wäre _eine_ möglichkeit. Eine andere wäre über "this" die ID zu übermitteln....

Micha

geschrieben von Hawk am 27.06.2005 - 23:25

@derletztekick,

wieder mit Hovchkommer nicht klargekommen, brauchte das dafür.

var Bild = new Array();
Bild[0]="aus.jpg";
Bild[1]="an.jpg";

function auf(a,b) {
<-- Setze alle grafiken auf aus-->
document.getElementById('b1').style.backgroundImage="url('"+Bild[0]+"')";
document.getElementById('b2').style.backgroundImage="url('"+Bild[0]+"')";
document.getElementById('b3').style.backgroundImage="url('"+Bild[0]+"')";
<--Setze eine Grafik auf an-->
document.getElementById('b'+a).style.backgroundImage="url('"+Bild[b]+"')";
}

function aufzu() {
document.getElementById('b1').style.backgroundImage="url('"+Bild[0]+"')";
document.getElementById('b2').style.backgroundImage="url('"+Bild[0]+"')";
document.getElementById('b3').style.backgroundImage="url('"+Bild[0]+"')";

}

<td id="b1" name="b1" width="100" height="100" border="1" onMouseover="auf(1,1)" onMouseout="aufzu()">bla,bla</td>
<td id="b2" name="b1" width="100" height="100" border="1" onMouseover="auf(2,1)" onMouseout="aufzu()">bla,bla</td>
<td id="b3" name="b1" width="100" height="100" border="1" onMouseover="auf(3,1)" onMouseout="aufzu()">bla,bla</td>

geschrieben von Micha am 27.06.2005 - 23:39

Hi,

wenn Du alle mit einmal auf aus setzen willst, dann ist name das bessere Attribut.

	HTML-Quelltext
1:	document.getElementsByName('b1').style.backgroundImage="url('"+Bild[0]+"')";

Das sollte so schon funktionieren, da alle TD's den selben Namen "b1" haben.

Zu den Anführungszeichen.
Es ist eigentlich ganz logisch: Hast Du eine Zeichenkette (also einen String), dann gehört dieser in Anführungszeichen. Dabei spielt es heute keine Rolle mehr, ob es die " oder die ' sind - die Browser können beides.

Hast Du hingegen eine Varibale definiert, dann darfst Du die _nicht_ in Anführungszeichen setzen, da JS sie dann als String erkennen würde:

Vergleiche:
a = "Hallo Welt";
document.write(a);
document.write("a");

Müssen aus irgendweinem Grund zwei Anführungszeichen genutzt werden, dann gehts entweder so:

document.write("Hallo \"Welt\"");
also mit maskierung oder:
document.write('Hallo "Welt"');

Micha

geschrieben von Hawk am 27.06.2005 - 23:48

Hi,

danke Dir für die kleine Unterrichtsstunde. Werde es mir versuchen zu merken, was im Alter nicht mehr so leicht fällt.

geschrieben von Micha am 27.06.2005 - 23:57

Sollte nicht böse gemeint sein, sondern als Hinweis verstanden werden! Vielleicht mal ein kleiner Surftipp: style_eigenschaften mit JavaScript. SelfHTML bietet auf dierser Seite, wenn ich das korrekt überflogen habe, fast alle Deine momentanen Problem mit Lösung.

Interessant ist ja für Dich zZ, das ansprechen der Objekte mit
getElementById, getElementsByName oder getElementsByClassName (bitte GROSS und kleinschreibung beachten!!!) und letztlich, wie Du sie (optisch) verändern kannst.

Schöne Grüße Micha

geschrieben von Hawk am 28.06.2005 - 00:01

Hi,

danke noch mal für die Hilfe.

Habe das nicht böse aufgenommen, außerdem mann soll zu seinen Alter stehn.