message d'erreur : Fonction indéfinie

Version imprimable

bonjour,

j'ai réaliseé une petite page de test sans prétention avec du javascript et firefox me signale que les deux fonction sont indéfinies. j'ai parcouru ce forum et lu une contribution sur un cas indentique et le prblèblème viendrait d'une erreur de syntaxte quelque part dans la page, J'ai beau regarder et re-regarder cela me semble correct.

Si quelqu'un pouvait jeter un oeil neuf sur le code suivant je lui en serait grandement reconnaissant.

Merci par avance pour votre aide.
Kiko.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <html> <head> <title>Identification</title> <script type='text/javascript'> fuction getId() { ireponse = getElementById('reponse'); ireponse.value='Utilisateur et/ou mot de passe invalide'; alert(ireponse); } function signon() { alert(ireponse.value); } </script> </head> <body onload='getId();'> <form action=""> Utilisateur : <input type='text' id='nom' size='10' maxlength='10'><br> Mot de passe : <input type='text' id='passe' size='10' maxlength='10'> <br><br><input type='button' onclick='signon();' value='se connecter'> <br><br><input type='text' readonly size='200' id='reponse'> </form </body> </html>

11/12/2011, 00h10
Kiko93

En regardant le code entre la balise [CODE] j'ai pu corrigé deux choses :
- la balise fermante de <form> n'avait pas de chevron à la fin.
- la fonction getId etait mal orthographié.

Maintenant je me retrouve avec getElementById(...) non défine
On verra demain maintenant,

Bonne nuit.

Je suis, comme toi, débutant, néanmoins, j'ai trouvé plusieurs problèmes :
- des fautes de frappe (fuction au lieu de function et une fermeture de balise oubliée (>)) ;
- il ne faut pas appeler getId sur onload car le formulaire n'est pas encore créé, donc impossible de modifier le dom ;
- devant "getElementById", il faut rajouter "document" ;
- c'est pas alert(ireponse); mais alert(ireponse.value); qu'il faut faire. Mais comme tu le fais dans signon, je l'ai viré.

Pour vérifier que j'avais compris, j'ai modifié la valeur du alert.

Voici une version qui marche :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <html> <head> <title>Identification</title> <script type='text/javascript'> function getId() { ireponse = document.getElementById('reponse'); ireponse.value='Utilisateur et/ou mot de passe invalide'; //alert(ireponse.value); } function signon() { ireponse.value=document.getElementById('passe').value; alert(ireponse.value); } </script> </head> <body> <form action=""> Utilisateur : <input type='text' id='nom' size='10' maxlength='10'><br> Mot de passe : <input type='text' id='passe' size='10' maxlength='10'> <br><br><input type='button' onclick='signon();' value='se connecter'> <br><br><input type='text' readonly size='20' id='reponse' > </form> <script type='text/javascript'>getId();</script> </body> </html>
J'ai crû comprendre que ce genre de titre est déconseillé.

11/12/2011, 11h11
SpaceFrog

Heu si le onload sert justement a attendre que les objets soient instanciés !
11/12/2011, 14h22
Kiko93

Merci Laurent pour ton aide et désolé pour le titre.
Kiko

Citation:

Heu si le onload sert justement a attendre que les objets soient instanciés !

Exact ; d'ailleurs, ça marche très bien comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
  <head>
    <title>Identification</title>
 
    <script type='text/javascript'>
      function getId() {
        ireponse = document.getElementById('reponse');
        ireponse.value='Utilisateur et/ou mot de passe invalide';
        //alert(ireponse.value);
      }
 
      function signon() {
        ireponse.value=document.getElementById('passe').value;
        alert(ireponse.value);
      }
    </script>
  </head>
 
  <body onload='getId();'>
    <form action="">
      Utilisateur  :&nbsp;<input type='text' id='nom' size='10' maxlength='10'><br>
      Mot de passe  :&nbsp;<input type='text' id='passe' size='10' maxlength='10'>
      <br><br><input type='button' onclick='signon();' value='se connecter'>
      <br><br><input type='hidden' size='20' id='reponse' >
    </form>
    <!--<script type='text/javascript'>getId();</script>-->
  </body>
</html>

(au passage, j'ai remplacé le "readonly" (que je ne connaissais pas) par un champ "hidden" : ça revient au même)

Citation:

désolé pour le titre

Mon statut peu flatteur et mes nombreuses infractions expliquent ma vigilance, même si ça n'a rien à voir avec les titres !