probleme appel de fonction

Version imprimable

bonjour ,

j'ai un probleme avec mon code d'une page :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <script> function abb() { document.write("<FORM><INPUT TYPE=\"button\" VALUE=\"cliquedessus\" onClick=\"aa()\"></FORM>"); } function aa() { alert ("coucou"); } </script> </head> <body > <INPUT TYPE="button" VALUE="salut" onClick="abb()"> </body> </html>
le premier bouton avec salue s'affiche bien, quand je clique dessus le 2eme s'affiche aussi, mais quand je cliquesur ce 2eme la il y a une erreur, l'alert ne vient pas, il y a indiqué erreur sur la page:
Ligne:1
car:1
erreur: objet attendu
code:0

j'ai un peu de mal a comprendre d'ou vient cette erreur.
merci si vous pouvez m'aider.

11/08/2006, 11h10
tuxout

Salut,

Je pense que document.write réécrit la page et donc ton javascript part à la poubelle. Regarde le code source généré aprés le premier clic
Nb: Aprés le premier clic firefox patine ds la smoule chez moi

Utilise plutôt une solution de calque si cela t'est permis.
(Du type je cache et j'affiche quand j'en ai besoin)

Bonne chance
11/08/2006, 11h31
jeff29
c'est bien ça, dans la 2eme page le code source est :
Code:

1 2 <FORM><INPUT TYPE="button" VALUE="clique" onClick="aa()"></FORM>
donc la fonction aa() n'est plus définie.

je ne sais pas comment fonctionne les calques, mais je vais essayer...

c'est vrai qu'avec firefox aprés le 1er clique, la page se charge continuellement, ça ne s'arrete pas, je rencontre ce probleme avec d'autre fonction et je ne comprend pas trop pourquoi..

est ce qu'il exite une fonction javascript a mettre a la fin du code pour arreter le chargement d'une page?? (je devrai peu etre créer une nouvelle discution pour ça, non?)

en tout cas merci pour ton aide.

j'ai essayé ça a tout hasard et ça marche pas vraiment :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>test</title>
  <script>
  function abb()
  {  
  document.write("<script>function aa(){alert (\"coucou\");}</script>" );
  document.write("<FORM><INPUT TYPE=\"button\" VALUE=\"clique\" onClick=\"aa()\"></FORM>");
  }
 
  </script>
  </head>
  <body >
<INPUT TYPE="button" VALUE="salut"    onClick="abb()">
  </body>
</html>

est ce que quelqu'un voit mon erreur?
enfin, je vai continuer a chercher...

En fait document.write efface le contenu de ta page et le remplace par ce que tu lui mets en argument.
Donc ici il remplace deux fois le contenu

Utiliser une solution version calque me semble plus appropiée encore que je ne sais pas ce que tu veux réellement faire.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <script language="Javascript"> function fct1 () { document.getElementById ('id1').style.display = "none"; document.getElementById ('id2').style.display = "block"; } function fct2 () { alert ('test'); } </script> <div id="id1" style="display:block;"> <input id="button1" type="button" onClick="fct1()" value="B 1" /> </div> <div id="id2" style="display:none;"> <input id="button2" type="button" onClick="fct2()" value="B 2" /> </div>

11/08/2006, 20h06
FremyCompany

utilise document.body.innerHTML pour remplacer document.write.... lui ne change que le CONTENU de la page et pas la page en elle-même ;)