JavaScript im FF OK aber felerhaft im IE

Guri

Guri

Mitglied
JavaScript im FF OK aber fehlerhaft im IE

Hallo Leute ich grüsse euch,
ich schreibe zum ersten mal in disem Forum, aber bitte nicht achten auf meine schlechtes Deutsch, vielen Dank!

Ich habe mir gebastelt ein JavaScript die ich brauche für ein Projekt, und werde ich am ende platziernen,
und diese JavaScript in Fire Fox funktioniert fehlerfrei wie habe ich mir vorgestellt, aber in internet explorer funktioniert leider nicht fehlerfrei,
irgendwo gibt fehler aber finde ich von mir selbst nicht die fehler, daswegen brauche ich eure hilfe,
ich bedanke mich in Voraus, viele Grüsse Guri.

Code: 
//-----JavaScript-----Anfang-----//

<div id="cmLeft"></div><br />
<label><b>Grosse:</b></label>
<select onChange="cLeft(this)">
<option value="s1">120 x 120</option>
<option selected="selected" value="m1">180 x 180</option>
<option value="l1">240 x 240</option>
</select>

<label>Code:</label>
<textarea name="comment" id="ctLeft" readonly="readonly"></textarea>

<script type="text/javascript">
 var s1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="120" height="120" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var m1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="180" height="180" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var l1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="240" height="240" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 
 document.getElementById("cmLeft").innerHTML=m1;
 document.getElementById("ctLeft").innerHTML=m1;

 function cLeft(lLeft){
 if(lLeft.value == 's1'){ document.getElementById("cmLeft").innerHTML = s1, document.getElementById("ctLeft").innerHTML = s1;}
 else if(lLeft.value == 'm1'){ document.getElementById("cmLeft").innerHTML = m1, document.getElementById("ctLeft").innerHTML = m1;}
 else if(lLeft.value == 'l1'){ document.getElementById("cmLeft").innerHTML = l1, document.getElementById("ctLeft").innerHTML = l1;}
 else{ alert('Klick hier!');}
 }
</script>



//-----JavaScript-----Mitte-----//



<div id="cmRight"></div><br />
<label><b>Grosse:</b></label>
<input name="name" type="radio" onChange="cRight(this);" value="s2">
<input name="name" type="radio" onChange="cRight(this);" checked="checked" value="m2">
<input name="name" type="radio" onChange="cRight(this);" value="l2">

<label>Code:</label>

<textarea name="name" id="ctRight" readonly="readonly"></textarea>
<script type="text/javascript">
 var s2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="100" height="100" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var m2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="150" height="150" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var l2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="200" height="200" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 
 document.getElementById("cmRight").innerHTML=m2;
 document.getElementById("ctRight").innerHTML=m2;
 
 function cRight(lRight){
 if(lRight.value == 's2'){ document.getElementById("cmRight").innerHTML = s2, document.getElementById("ctRight").innerHTML = s2;}
 else if(lRight.value == 'm2'){ document.getElementById("cmRight").innerHTML = m2, document.getElementById("ctRight").innerHTML = m2;}
 else if(lRight.value == 'l2'){ document.getElementById("cmRight").innerHTML = l2, document.getElementById("ctRight").innerHTML = l2;}
 else{ alert('Klick hier!');}
 }
</script>

//-----JavaScript-----Ende-----//
 
Zuletzt bearbeitet:
Hi

Könntest du deinen Code bitte in Codeblöcke schreiben damit man ihn besser lesen kann.
Einfach in [code]
Code
...[/code]
einfügen. Statt code einfach je nach Programmiersprache :
Für php [code=php] Code [/code]
oder für Javascript[code=javascript] Code [/code]

Lg hendl
 
Du schreibst es funktioniert nicht fehlerfrei.

Aber was bedeutet das genau, was funktioniert und was funktioniert nicht?
 
Hallo tombe,
ich werde erklären die fehler oder die fehler deutlich machen mit hilfe von zwei bilder,

1. ff-ok.png
in disem bild (BILD1) ist die ausgabe von Fire Fox, und ist alles OK, es scheint alles OK zu sein, ganau so wie habe mir vorgestellt,

2. ie-fehler.png
aber in disem bild (BILD2) ist die ausgabe von internet explorer, hier fehlt die ausgabe code, dann auch fehler in radio buttons,

ich hoffe war deutlich die erklärung, mfg Guri.
 
Zuletzt bearbeitet:
Hallo Guri,

herzlich Willkommen im Forum!

Ich würde darauf tippen, dass die Funktion cRight() in deinem onClick-Attribut vorkommt, allerdings erst darunter im <script>-Block deklariert wird.

Probiere mal folgendes:
HTML: 
<script type="text/javascript">
 var s1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="120" height="120" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var m1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="180" height="180" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var l1= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="240" height="240" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 
 function cLeft(lLeft){
 if(lLeft.value == 's1'){ document.getElementById("cmLeft").innerHTML = s1, document.getElementById("ctLeft").innerHTML = s1;}
 else if(lLeft.value == 'm1'){ document.getElementById("cmLeft").innerHTML = m1, document.getElementById("ctLeft").innerHTML = m1;}
 else if(lLeft.value == 'l1'){ document.getElementById("cmLeft").innerHTML = l1, document.getElementById("ctLeft").innerHTML = l1;}
 else{ alert('Klick hier!');}
 }
</script>
//-----JavaScript-----Anfang-----//
 
<div id="cmLeft"></div><br />
<label><b>Grosse:</b></label>
<select onChange="cLeft(this)">
<option value="s1">120 x 120</option>
<option selected="selected" value="m1">180 x 180</option>
<option value="l1">240 x 240</option>
</select>
 
<label>Code:</label>
<textarea name="comment" id="ctLeft" readonly="readonly"></textarea>
 

<script type="text/javascript">
 document.getElementById("cmLeft").innerHTML=m1;
 document.getElementById("ctLeft").innerHTML=m1;
</script>
 
 
 
//-----JavaScript-----Mitte-----//
 
<script type="text/javascript">
 var s2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="100" height="100" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var m2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="150" height="150" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 var l2= '<object><embed src="http://www.adamdorman.com/flash/aqua_blue_clock.swf" width="200" height="200" type="application/x-shockwave-flash" wmode="transparent"></embed></object>';
 
 function cRight(lRight){
 if(lRight.value == 's2'){ document.getElementById("cmRight").innerHTML = s2, document.getElementById("ctRight").innerHTML = s2;}
 else if(lRight.value == 'm2'){ document.getElementById("cmRight").innerHTML = m2, document.getElementById("ctRight").innerHTML = m2;}
 else if(lRight.value == 'l2'){ document.getElementById("cmRight").innerHTML = l2, document.getElementById("ctRight").innerHTML = l2;}
 else{ alert('Klick hier!');}
 }
</script>
 
<div id="cmRight"></div><br />
<label><b>Grosse:</b></label>
<input name="name" type="radio" onChange="cRight(this);" value="s2">
<input name="name" type="radio" onChange="cRight(this);" checked="checked" value="m2">
<input name="name" type="radio" onChange="cRight(this);" value="l2">
 
<label>Code:</label>
 
<textarea name="name" id="ctRight" readonly="readonly"></textarea>

<script type="text/javascript">
 document.getElementById("cmRight").innerHTML=m2;
 document.getElementById("ctRight").innerHTML=m2;
</script>
 
//-----JavaScript-----Ende-----//

Kannst du bitte auch prüfen, ob Fehler in der JavaScript-Fehlerkonsole sind? In Internet Explorer F12 drücken, dann auf Tab "Konsole" drücken, Tab neuladen.
 
Hallo Guri,

so wie ich das sehe, solltest du

1) wohl für die Checkboxen nicht das onchange- sondern das onclick-Ereignis verwenden.

2) wenn du den Inhalt der Textareas nicht mit der innerHTML- sondern mit der Value-Eigenschaft zuweist, dann klappt es so wie es soll.
 
Hallo ComFreek,
leider hat nicht geklapt, und in IE mit JS-Fehlerkonsole zeigt das in die beide zeilen ist ein fehler:

Javascript: 
document.getElementById("ctLeft").innerHTML=m1;

document.getElementById("ctRight").innerHTML=m2;

danke, viele Grüsse Guri.
 
Hallo tome, mit punkt 1 jetzt klapt alles, vielen Dank, alles ist OK,

aber mit punk 2, ich weiss es nicht wie soll ich es realisieren, habe wenig ahnung in JS und Html, wehre schon ein Beispiel, Danke noch mal und viele Grüsse Guri.
 
Zuletzt bearbeitet:
Hallo Guri,

ändere mal deinen Code wie folgt ab:

Javascript: 
document.getElementById("cmLeft").innerHTML = m1;
// diese Zeile wurde geändert!
document.getElementById("ctLeft").value = m1;

function cLeft(lLeft){

if (lLeft.value == 's1'){
	document.getElementById("cmLeft").innerHTML = s1;
// diese Zeile wurde geändert!
	document.getElementById("ctLeft").value = s1;
} else if (lLeft.value == 'm1') {
	document.getElementById("cmLeft").innerHTML = m1;
// diese Zeile wurde geändert!
	document.getElementById("ctLeft").value = m1;
} else if (lLeft.value == 'l1') {
	document.getElementById("cmLeft").innerHTML = l1;
// diese Zeile wurde geändert!
	document.getElementById("ctLeft").value = l1;
} else {
	alert('Klick hier!');
}

}

Bei dem anderen Javascript muss du die Änderungen natürlich auch entsprechend durchführen!

P.S. Die Zeilen die hier geändert wurden sind dann auch die Zeilen bei denen die Fehlerkonsole den Fehler anzeigt!
 
Hallo tombe, hat geklapt,
jetz ist alles perfekt, wie in fire fox genauso auch in internet explorer,
ich bedanke mich, vielen Dank und viele viele Grüsse, Guri.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück