message d'erreur : Fonction indéfinie

**Kiko93** · 10/12/2011, 23h55

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 :

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

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  :&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='text' readonly size='200' id='reponse'>
    </form
  </body>
</html>

**Kiko93** · 11/12/2011, 00h10

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.

**laurentSc** · 11/12/2011, 00h39

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 :

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

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  :&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='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é.

**SpaceFrog** · 11/12/2011, 11h11

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

**Kiko93** · 11/12/2011, 14h22

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

**laurentSc** · 11/12/2011, 17h33

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 :

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

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)

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 !

message d'erreur : Fonction indéfinie

JavaScript

Vue hybride

Discussions similaires

Partager

Partager