Probleme Object Error Expected sur un OnClick

Version imprimable

18/07/2006, 18h12
herbert

Probleme Object Error Expected sur un OnClick

bonjour a tous,

qqun pourrait il me dire quel est le probleme avec ce petit bout de code sachant que qd je clique sur le bouton javascript me genere une erreur du type object error expected. Apparemment il n accepte pas le loadpage() sur le onclick et je ne vois pas pourquoi...

<html>
<head>
<script languague="javascript">

function loadpage()
{
alert('redalert');
}

function drawButton()
{
document.write("<FORM> <INPUT TYPE='button' VALUE='Boton' OnClick='loadpage()'> </FORM>");
}

</script>

<title>Fenetre de test de boutton</title>
</head>

<body onLoad="javascript:drawButton()">

</body>
</html>

Merci a tous pour votre aide !

Nico
18/07/2006, 18h32
FremyCompany
Choses à faire :
1. Pense à la balise [CODE]
2. Résume clairement ton problème
3. Pense à ce que ton titre explique clairement ton problème
4. Respecte les conventions du W3C/EMCAScript*
*
- Le W3C exige que toutes les nom de balise AINSI QUE LEURS ATTRIBUTS soient en minuscule. FORM, onLoad, ... sont des erreurs.
- Le W3C exige que toute balise ouvert soit fermée. <input type="text"> est une erreur.
- Le W3C exige un attribut type pour les balises script (type="text/javascript" dans ton cas)
- Le W3C recommande de ne plus mettre "javascript:" pour les evenements (il ne doit rester utilisé que dans le cas du HREF)
- Le EMCAScript recommande de ne pas utiliser document.write
- JE conseille de n'utiliser document.write que dans le flux de la balise body et jamais dans les events, autrement, utiliser document.body.appendChild et document.createElement
- ...
18/07/2006, 18h40
Herode

+1 pour Freemy :D
J'ajouterai que document.write écrit dans le flux à l'endroit où il est invoqué. Dans le cas présent, ça revient à ajouter une <form> à l'intérieur du gestionnaire onload de la balise <body> :

Code:

<body onLoad="javascript:<FORM> <INPUT TYPE='button' VALUE='Boton' OnClick='loadpage()'> </FORM>">

;)
18/07/2006, 19h15
herbert

Merci les gars je vais prendre note et revoir ma copie.
Desole pour la redaction sur le forum je suis autant novice ici qu en javascript :oops:
18/07/2006, 20h05
Herode

You're welcome. Car comme dit le proverbe :

Citation:

Envoyé par le proverbe qui dit des trucs

C'est en forgeant qu'on devient forgeron
Et c'est en lisant qu'on devient liseron

[et c'est en se mouchant qu'on devient moucheron] 8-)

Citation:

Envoyé par Herode

J'ajouterai que document.write écrit dans le flux à l'endroit où il est invoqué. Dans le cas présent, ça revient à ajouter une <form> à l'intérieur du gestionnaire onload de la balise <body> :

Code:

<body onLoad="javascript:<FORM> <INPUT TYPE='button' VALUE='Boton' OnClick='loadpage()'> </FORM>">

;)

Dans le cas présant, je ne crois pas que cela ce produise comme ca ;)
Il ne s'agit pas d'une écriture dans le flux mais d'une écriture hors-flux (au momment de la gestion de l'évenement onload). Dans ce cas, la fonction réinitialise totalement le document... dans le cas présent, c'est comme si tu avais mis dans ton fichier HTML ceci :

Code:

<FORM> <INPUT TYPE='button' VALUE='Boton' OnClick='loadpage()'> </FORM>

Autrement dit, ta fonction loadpage n'est pas déclarée, il n'y a pas d'element HTML, pas d'element HEAD, pas d'élément BODY, ... pour t'en convaincre essaie de mettre ceci en onload de la balise body :

Code:

document.write("Ce message s'affiche-t-il ?");alert(document.body.innerHTML);

C'est pour cette raison que son utilisation est fortement déconseillée, elle n'a pas un effet constant, tout dépand du momment ou elle est executée.... si entre <body> et </body> tu fais

Code:

setTimeout("document.write('Hello Asynchrone')",0)

, la méthode est exécutée hors flux, et détruit donc le document en cours.... seulement tout cela est à la gestion du navigateur, qui ne manque jamais d'ingéniosité quand il s'agit de faire défférement des autres navigateurs :D
Je déconseille aussi la méthode document.body.innerHTML += car elle détruit les liens des objets... exemple :
Code:

1 2 3 4 5 6 7 var Button1 = document.createElement("button") Button1.innerHTML="Cliquer ici" document.body.appendChild(Button1) document.body.innerHTML+="<br /> Ce texte est après le boutton... Tout semble ok point de vue visuel" Button1.onclick=function () { alert("Ce message n'aparaitra pas car Button1 n'a plus une référence au Button 'visuel'") }