Probleme mit document.getelementbyid(...).innerhtml von globe, 03.12.2006 22:03

Probleme mit document.getelementbyid(...).innerhtml

Basic87 03.12.2006 20:04

javascript

der nachfolgende text ist ein auszug aus meinem Programmtext, bei öffnen kommt immer der fehler document.getelementbyid(...) ist Null oder kein Object. kann mir mal jemand sagen woran das liegt bin schon total am verzweifeln.

var a = "p"+(10 * p); var b = "p"+(10 * p + 1); var c = "p"+(10 * p + 2); var d = "p"+(10 * p + 3); var e = "p"+(10 * p + 4); var f = "p"+(10 * p + 5); var g = "p"+(10 * p + 6); var h = "p"+(10 * p + 7); var i = "p"+(10 * p + 8);

if(va != "0"){ document.write(a); var t = "t" + pr.substr(5, 2); var gr = "g" + pr.substr(8, 5);

var p = parseInt(p); p = p + 1; var pr1;

var alpha; var beta;

var design = "d" + p; if(va == 1){ document.getElementById(a).innerHTML=" <textarea name=""+t+"" id=""+t+"" rows="20" cols="55">"+tex+"</textarea>      <input name=""+gr+"" type="file" size="20">"; alpha = t.substr(1, 2); alpha = parseInt(alpha) + 1; t = "t" + alpha; beta = gr.substr(1, 2); beta = parseInt(beta) +1; gr = "g" + beta; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="1">"; }

if(va == 2){ document.write(a); document.getElementById(a).innerHTML=" <input name=""+gr+"" type="file" size="20">      <textarea name=""+t+"" id=""+t+"" rows="20" cols="55">"+tex+"</textarea>"; beta = gr.substr(1, 2); beta = parseInt(beta) +1; gr = "g" + beta; alpha = t.substr(1, 2); alpha = parseInt(alpha) + 1; t = "t" + alpha; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="2">"; }

if(va == 3){ document.getElementById(a).innerHTML=" <textarea name=""+t+"" id=""+t+"" rows="4" cols="28">"+tex+"</textarea>"; alpha = t.substr(1, 2); alpha = parseInt(alpha) + 1; t = "t" + alpha; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="3">"; }

if(va == 4){ document.getElementById(a).innerHTML=" <input name=""+gr+"" type="file" size="20">"; beta = gr.substr(1, 2); beta = parseInt(beta) +1; gr = "g" + beta; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="4">"; }

if(va == 5){ beta = gr.substr(1, 2); beta = parseInt(beta); document.getElementById(a).innerHTML=" <input name=""+"g"+beta+"" type="file" size="20"><input name=""+"g"+(beta+1)+"" type="file" size="20">"; beta + 2; gr = "g" + beta; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="5">"; }

if(va == 6){ beta = gr.substr(1, 2); parseInt(beta); document.getElementById(a).innerHTML=" <input name=""+"g"+beta+"" type="file" size="20"><input name=""+"g"+(beta+1)+"" type="file" size="20"><input name=""+"g"+(beta+2)+"" type="file" size="20">"; beta = gr.substr(1, 2); parseInt(beta); beta = beta + 3; gr = "g" + beta; t1 = t.substr(1, 2); g1 = gr.substr(1, 2); pr1 = "pr"+p+""+t1+""+g1; document.getElementById(b).innerHTML=" <select onchange="presse(value, name);" name=""+pr1+""><option value="0">Design auswählen</option><option value="1">Text, Bild</option><option value="2">Bild, Text</option><option value="3">Text</option><option value="4">Bild</option><option value="5">Bild, Bild</option><option value="6">Bild, Bild, Bild</option></select><input type="hidden" name=""+design+"" value="6">"; } }else{ document.getElementById(a).innerHTML=""; if(p == 10){ document.getElementById("p90").innerHTML=""; }else{ var zeta = "p"+(10 * (p - 1) + 1); document.getElementById(zeta).innerHTML=""; } } }

presse('2', 'pr10_10_10');

</script> <table> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </tr> <tr> <td width="776" bgcolor="#A29EBC" colspan="3"> </td> </table>

Beitrag melden

– Informationen zu den Bewertungsregeln

Probleme mit document.getelementbyid(...).innerhtml
Detlef G. 03.12.2006 20:56

javascript
+1 Informationen zu den Bewertungsregeln
Hallo Basic87

der nachfolgende text ist ein auszug aus meinem Programmtext,
bei öffnen kommt immer der fehler document.getelementbyid(...) ist Null oder kein Object.
kann mir mal jemand sagen woran das liegt bin schon total am verzweifeln.

Ich habe mir jetzt nicht die Mühe gemacht, komplett nachzuvollziehen, was dein Script genau macht, was mir aber beim groben überfliegen auffällt:

<script type="text/javascript">
function presse(va, pr, tex){

Wann, wodurch und mit welchen Parametern wird diese Funktion aufgerufen?

if(va != "0"){
document.write(a);

Wie sieht hier der Inhalt von a aus?
Bedenke, wenn das Script nicht während des Ladens sondern erst danach aufgerufen wird, besteht das gesamte Dokument nur noch aus dem Inhalt von a!

document.getElementById(b).innerHTML=...

Was genau enthält b? Enthält b das, was du erwartest?
Anzeigen lassen (eventuell mit alert), gibt es zu diesem Zeitpunkt ein Element mit dieser Id?

document.write(a);

Und wieder besteht das Dokument nur noch aus dem Inhalt von a.

document.getElementById(a).innerHTML=...

Was ist a nun eigentlich, der Dokumentinhalt, also HTML oder die Id eines Elements?

document.getElementById(b).innerHTML=...

Und wieder: Was genau enthält b? ...

Vergleiche jeweils, was die entsprechende Variable enthält z.B. mit einem davor notierten alert und ob es das ist, was du erwartest. Dann prüfe, ob das Dokument zu diesem Zeitpunkt ein Element mit der entsprechenden Id enthält (z.B. Dominspektor).

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
Beitrag melden

+1
Informationen zu den Bewertungsregeln