Probleme Object Error Expected sur un OnClick

**herbert** · 18/07/2006, 18h12

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

**FremyCompany** · 18/07/2006, 18h32

Choses à faire :

Pense à la balise [CODE]
Résume clairement ton problème
Pense à ce que ton titre explique clairement ton problème
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
- ...

**Herode** · 18/07/2006, 18h40

+1 pour Freemy

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**herbert** · 18/07/2006, 19h15

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

**Herode** · 18/07/2006, 20h05

You're welcome. Car comme dit le proverbe :

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]

**FremyCompany** · 18/07/2006, 20h24

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Je déconseille aussi la méthode document.body.innerHTML += car elle détruit les liens des objets... exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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'")
}

Probleme Object Error Expected sur un OnClick

JavaScript

Discussions similaires

Partager

Partager