Associare un evento ad un elemento html

[Cesco_c]

Ciao

ho un problema

Da codice dovrei associare un evento

var input1 = document.createElement('input');
input1.type = "button";
input1.className="Btt_shared_0";
input1.value = "->";
input1.style.width = "25px";
input1.onClick= "document.write('ciao');";

Div1appendChild(input0);
Non capisco perchè non funzioni

Cosa ho sbagliato nella sintassi

[artorius]

perché quello che associ all'evento è una funzione non una stringa contenente delle istruzioni. La sintassi corretta è:

input1.onClick= function(){document.write('ciao');}

Tu sei abituato alla notazione DOM0: <input onclick="document.write('ciao');" />

Ma, vedi, quella notazione permette di indicare solo le istruzioni da eseguire nella funzione, tuttavia non era molto pratica in termini scrittura (provaci a metterci un for(){} li dentro...), per questo è sempre meglio utilizzare la notazione

input1.onclick = function(e){

}

che ti permette di usare più righe e di scrivere codice più comprensibile.

[Cesco_c]

Grazie mille
Mi stavo scemonendo.

PS onclick e non onClick come hai scritto la prima volta

[artorius]

se lo scrivi come comando js non credo che ci siano differenze... Il mio editor mi suggerisce onclick, ma a me sembra che sia uguale.

Poi non so, tipo: in alcuni IE se mettevi con la DOM0 <input onClick="alert('Hallo');" /> non funzionava, bisognava mettere <input onclick="alert('Hallo');" />, ma non so se vale anche per la DOM1-2

[Cesco_c]

che editor usi per javascript?

[artorius]

Aptana, ma ha i suoi problemi... Ce ne sono anche altri ma dipende dal tipo di computer che usi per lo sviluppo