variable dans une fonction

Bonjour

Je suis débutant dans la javascript, alors j'espère que vous me pardonnerez mes erreurs

Je suis afficher une variable énoncée dans une fonction

fonction.js

Code:

---

1 2 3 4

//si l'action est réalisée nomdelavariable = "valeur";

---

page html

Code:

---

1 2 3 4

if(typeof(nomdelavariable)!='undefined') { document.write( "" + nomdelavariable + ""); // je ne suis pas sur de mon coup là }

---

dans tous les cas( même si l'action est réalisée) ma variable est toujours null.Pourquoi?

peut-être avec ?

Code:

---

return nomdelavariable;

---

merci pour votre réponse.

Bonjour,

Alors effectivement, si vous voulez utiliser votre variable en dehors de votre fonction, il faut la renvoyer:

Code:

---

return nomdelavariable;

---

Ca veut dire qu'il faut la récupérer de l'autre coté:

Code:

---

1 2	var resultat = ma_fonction();

---

resultat va contenir la valeur de nomdelavariable. Pour l'afficher, il ne faut plus utiliser document.write.
Vous devez afficher la variable dans un élément de la page. Par exemple un span:

Code:

---

<span id="id_span"></span>

---

Pour contacter le span, vous utiliser son id et vous lui changez sa valeur (innerHTML) en lui mettant resultat:

Code:

---

1 2	document.getElementById("id_span").innerHTML = resultat;

---

Le problème maintenant c'est que l'action ne se déclenche plus au onChange, mais dès le changement de la page. Qu'es ce que j'ai loupé?

Fonctions.js

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 29

function VerifNumRencontre() { var champ = document.form.numrencontresaisie.value; var rule = ("[^_0-9]");   if(champ.match(rule)) { document.getElementById('validation_area').innerHTML='<img src="/football/images/unvalid_formulaire.png" alt="erreur" /> Le numéro de la rencontre ne doit être composé que de chiffres'; return false; } if(champ.length != 8) { document.getElementById('validation_area').innerHTML='<img src="/football/images/unvalid_formulaire.png" alt="erreur" /> La longueur doit être de 8 chiffres'; return false; } else { nomdelavariable = "valeur"; return nomdelavariable; document.getElementById('validation_area').innerHTML='<img src="/football/images/valid_formulaire.png" alt="valider" />';return false; } }

---

page.html

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<form …> <input type= «text»name= «numrencontresaisie» onChange = «VerifNumRencontre()» ...> … </form> <div id="validation_area"></div> <div id="id_span"></div> <script ...> var resultat = ma_fonction(); if(typeof(nomdelavariable)!='undefined') { document.getElementById("id_span").innerHTML = resultat; } </script>

---

Plusieurs, à mon sens. :P

Une fonction ne retourne qu'une seule valeur. Alors oui vous pouvez avoir plusieurs return dans votre fonction selon une condition, mais un seul sera exécuté et les lignes après ce return ne seront pas executées.

Ensuite, ceci était un exemple:

Code:

---

1 2	var resultat = ma_fonction();

---

ma_fonction est la fonction que vous voulez appeler. Je ne connais pas son nom. VerifNumRencontre, surement. Donc, vu que vous voulez appeler cette fonction sur le onchange, vous n'avez pas besoin de faire de return. A la fin de votre vérification vous pouvez directement attribuer le résultat:

Code:

---

1 2 3 4

//... document.getElementById("id_span").innerHTML = resultat; }

---

Mais bon, là je suis un peu confus. Vous ne pourriez pas envoyer le code HTML généré ? :mrgreen:

ok merci vermine, j'ai réussi à le faire, même si ce n'est pas le résultat que j'escomptais.

Le but de mon approche était de "valider" chacun des champs de mon input individuellement, puis de faire apparaitre un message une fois tous les champs validés.

Je pensais ainsi créer une variable pour chaque fonction (validation des input), qui serait reprise par une fonction globale (sens éthymologique du terme) et qui testerai leur existance ou non, pour afficher ce message globale.

je ne pense pas avoir la bonne méthode ...

Alors vous appelez votre fonction une seule fois, au submit du formulaire (je suppose que vous avez un formulaire) et cette fonction fera ceci:

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

var mon_champ = document.getElementById("id_champ"); var message = "";     if(mon_champ.value == "") message += "\nLe champ ne peut être vide";   if(mon_champ < 10) message += "\nLe champ doit être supérieur à 10)   var mon_champ2 = document.getElementById("id_champ2");   if(mon_champ2.value == "") message += "\nLe champ2 ne peut être vide";     //...   if(message != "") { alert(message); return false; }   return true;

---

C'est un exemple, bien entendu, j'espère que vous avez compris le principe. C'est à dire qu'on prend le premier champ, on vérifie ce qu'on veut dessus et on ajoute les erreurs à "message" afin de les avoir toutes en une fois. Puis on passe au second champ et on ajoute les erreurs au même "message".

Bon courage. :D

oui, au submit, j'y avais pas pensé .. (quel c..)

merci beacoup en tout cas :oops: