Discussion :

[ledisciple]

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 :

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

1
2
3
4
 
 
//si l'action est réalisée
nomdelavariable = "valeur";

page html

Code :

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

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 :

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

return nomdelavariable;

merci pour votre réponse.

[vermine]

Bonjour,

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

Code :

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

return nomdelavariable;

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

Code :

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

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 :

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

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

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

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

[ledisciple]

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 :

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

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

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>