... has no properties

Hallo zusammen.

Ich versuche gerade mir mit dem Buch "Javascript Startup!" JS anzueignen.
Jetzt komme ich jedoch einfach nicht weiter, weil mein Mozilla 1.4 ständig
'ne Fehlermeldung ausspuckt.

- <Code>

In der index.html-Datei:

....
<SCRIPT language="JavaScript" type="text/javascript"
src="menu.js"></SCRIPT>
....
<form name=f>
<innput type="button" name="testbutton" value="Testbutton">
</form>
....


In der ausgelagerten JS-Datei:

document.testbutton.f.onclick = function() {
return(alert('Testbutton!'))
};

- </Code>

Folgende Fehlermeldung meldet mir die JavaScript-Console
"document.testbutton has no properties".
Ich programmiere unter Debian Woody mit dem Kate.

Wer kann mir weiterhelfen?


Gruß,
Torben

Torben Keil schrieb in de.comp.lang.javascript:

Ich versuche gerade mir mit dem Buch "Javascript Startup!" JS anzueignen.

Kenne ich nicht.

form name=f
innput type="button" name="testbutton" value="Testbutton"
/form
...
document.testbutton.f.onclick = function() {
~~
"document.testbutton has no properties".
~~~~~~~

Die Fehlermeldung passt nicht zu deinem Code - siehst du das?

Christine

--
Web-Site zu de.comp.lang.javascript (inkl. FAQ u. FFQ): http://dcljs.de/

Hallo Christine


Christine Kuehnel wrote:

Torben Keil schrieb in de.comp.lang.javascript:

[...]
document.testbutton.f.onclick = function() {
~~
"document.testbutton has no properties".
~~~~~~~

Die Fehlermeldung passt nicht zu deinem Code - siehst du das?

Ja, sehe ich.
Aber warum erscheint diese komische Fehlermeldung?
Es ist tatsächlich so wie ich es oben beschrieben habe.
Vielleicht meint die Console ja auch nur, dass nach .testbutton nichts
weiter mehr kommt..?

Ich freue mich über Ideen....

Christine

Gruß,
Torbne

Torben Keil wrote:

"document.testbutton has no properties".

Aber warum erscheint diese komische Fehlermeldung?

Aus gleich drei Gründen. BTW ist sie keineswegs komisch.

Zum Ersten referenzierst Du einen Button in einem Formular korrekt mit
document.formularname.elementname
und nicht wie Du es versuchst mit
document.elementname.formularname

Zum Zweiten gibt es in HTML kein Element "innput"

form name=f
innput type="button" name="testbutton" value="Testbutton"
/form
Schreibe daher "input" mit einem "n".

Zum Dritten kannst Du auf den dann existierenden Button erst zugreifen,
wenn das Formular komplett geparst wurde, Du solltest also die Zuweisung

document.testbutton.f.onclick = function() { [...]
zum einen wie oben beschrieben korrigieren ...

document.f.testbutton.onclick = function() { [...]
.... und sie dann erst onload ausführen oder zumindest den entsprechenden
Skriptbereich im HTML-Dokument hinter das Formular plazieren.

ciao, dhgm

Torben Keil wrote:

form name=f
innput type="button" name="testbutton" value="Testbutton"
/form
...

Ändere das in <form name="f">,
input mit 2 n Dreckfehler?

document.testbutton.f.onclick =

Ändere das in document.f.testbutton......

Folgende Fehlermeldung meldet mir die JavaScript-Console
"document.testbutton has no properties".

Logisch, das äussere Element ist f, das innere testbutton

testbutton direkt unter document jibbet hier nicht, und was du siehst,
ist die "Standardmeldung", wenn du ein nicht existierendes Objekt
ansprichst.

Willlst du das umgehen kannst du bei den modernsten Browsern nach dem
Objekt suchen lassen:
document.getElementById("testbutton").wattauchimme r

so long,
uja

Hallo Dietmar

Dietmar Meier wrote:

Torben Keil wrote:

"document.testbutton has no properties".

Aber warum erscheint diese komische Fehlermeldung?

Aus gleich drei Gründen. BTW ist sie keineswegs komisch.

Zum Ersten referenzierst Du einen Button in einem Formular korrekt mit
document.formularname.elementname
und nicht wie Du es versuchst mit
document.elementname.formularname

d'oh!

Zum Zweiten gibt es in HTML kein Element "innput"
| <form name=f
| <innput type="button" name="testbutton" value="Testbutton"
| </form
Schreibe daher "input" mit einem "n".

Ist korrigiert.

Zum Dritten kannst Du auf den dann existierenden Button erst zugreifen,
wenn das Formular komplett geparst wurde, Du solltest also die Zuweisung
| document.testbutton.f.onclick = function() { [...]
zum einen wie oben beschrieben korrigieren ...
document.f.testbutton.onclick = function() { [...]
... und sie dann erst onload ausführen oder zumindest den entsprechenden
Skriptbereich im HTML-Dokument hinter das Formular plazieren.

Da ich gerne eine einzige JS-Datei einbinden möchte, frage ich mich nun, wie
ich dieses 'onload' realisieren kann...
.... wie gesagt, das Buch habe ich seit ca 6 Stunden in der Hand. Bin also
ein blutiger JS-Anfänger.

ciao, dhgm

Gruß,
schönes WE,
Torben

Hallo Ulrike


Ulrike Jahnke-Soltau wrote:

Torben Keil wrote:

form name=f
innput type="button" name="testbutton" value="Testbutton"
/form
...

Ändere das in <form name="f">,
input mit 2 n Dreckfehler?

Ja, ist korrigiert.

document.testbutton.f.onclick =

Ändere das in document.f.testbutton......

auch geändert.

Folgende Fehlermeldung meldet mir die JavaScript-Console
"document.testbutton has no properties".

Logisch, das äussere Element ist f, das innere testbutton

testbutton direkt unter document jibbet hier nicht, und was du siehst,
ist die "Standardmeldung", wenn du ein nicht existierendes Objekt
ansprichst.

Willlst du das umgehen kannst du bei den modernsten Browsern nach dem
Objekt suchen lassen:
document.getElementById("testbutton").wattauchimme r

Wo kann ich diesen Befehl nachlesen?

so long,
uja

Danke,
schönes WE,
Torben

Torben Keil wrote:

Ulrike Jahnke-Soltau wrote:
Willlst du das umgehen kannst du bei den modernsten Browsern nach dem
Objekt suchen lassen:
document.getElementById("testbutton").wattauchimme r

Wo kann ich diesen Befehl nachlesen?

http://selfhtml.teamone.de/javascrip..._element_by_id

Matthias

Torben Keil wrote:

Ulrike Jahnke-Soltau wrote:
Willlst du das umgehen kannst du bei den modernsten Browsern nach dem
Objekt suchen lassen:
document.getElementById("testbutton").wattauchimme r

Wo kann ich diesen Befehl nachlesen?

Möglicherweise in einer JavaScript/DOM-Referenz?
Selbige hast Du ja bis jetzt gemieden wie der Teufel
das Weihwasser, was sich auch in der "Qualität" Deines
Quälkots niederschlägt.

---> http://dcljs.de/


PointedEars

Hallo Thomas,


Thomas 'PointedEars' Lahn wrote:

Torben Keil wrote:
Ulrike Jahnke-Soltau wrote:
Willlst du das umgehen kannst du bei den modernsten Browsern nach dem
Objekt suchen lassen:
document.getElementById("testbutton").wattauchimme r

Wo kann ich diesen Befehl nachlesen?

Möglicherweise in einer JavaScript/DOM-Referenz?

Vielleicht? Was ist DOM?

Selbige hast Du ja bis jetzt gemieden wie der Teufel
das Weihwasser, was sich auch in der "Qualität" Deines
Quälkots niederschlägt.

Ich gebe mir wirklich Mühe, keinen Quälkot zu erzeugen. Wie ich in meinem
ersten Posting geschrieben habe, bin ich just mit dem in die Handnehmen des
JS-Buches in die Liga der blutigen JS-Anfänger aufgestiegen.

Darum, denke ich, ist es auch verständlich, dass ich noch nichts über DOM,
wenig über JS usw. weiss. Aus diesem Grunde mag es sein, dass ich total
unbewusst diese Quellen gemieden habe.

---> http://dcljs.de/

Danke, werde ich mir zu Gemüte führen.

PointedEars

Bis dann,
Gruß Torben