Discussion :

[cedp02]

bonjour à tous

Problème de débutant pourriez-vous m'expliquer quelle différence entre une fonction sur la page et une fonction dans un fichier javascript.

cet fonction fonctionne quand elle est dans la même page où se trouve l'id

Code :

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

1
2
3
4
function messagetest() {
var test = document.sortiesimple.EAN13_SALARIE.value;
alert("Nous sommes sortie du champs et saisie "+test+" !");
}

quand je mets la fonction dans le fichier traitement_sorti.js

Code :

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

1
2
3
4
5
<script src="fonction/traitement_sorti.js" type="text/javascript"></script>
function messagetest() {
var test = document.getElementById("EAN13_SALARIE").value; 
alert("Nous sommes sortie du champs et le gencode saisie "+test+" !");
}

quelqu'un peu m'aider

[Auteur]

bonsoir

peut-on voir le code HTML de l'élément ciblé ? Est-ce qu'il a bien attribut id avec comme valeur "EAN13_SALARIE" ?

[SylvainPV]

http://javascript.developpez.com/faq...#ajouterScript

[cedp02]

Code html :

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

1
2
3
4
5
6
7
8
<tr>	
	<td><label for="EAN13_SAL" id="EAN13_SAL">code EAN13 du nom :</label>
	</td>
	<td>
		<input type="number" name="EAN13_SALARIE" id="EAN13_SALARIE" min="9000000000000" max="9999999999999" maxlength="13" tabindex="4"> <!-- maxlength=nbre de caracteres admis a finir douchette code ean13-->
		<script type="text/javascript" src="fonction/traitement_sorti.js"></script>
	</td>
</tr>

voici la partie HTML, l'ID existe bien car quand le code est sur la même page cela fonctionne.

Précision HTML5, en regardant un tuto j'ai vu qu'il ne fallait pas mettre cette ligne

Code html :

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

<script type="text/javascript" src="fonction/traitement_sorti.js"></script>

au début car le DOM ne connaissait pas encore l'ID EAN13_SALARIE

Merci

[cedp02]

bonjour

voici le nouveau code

Code html :

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

1
2
3
4
5
6
7
8
<tr>	
	<td><label for="EAN13_SAL" id="EAN13_SAL">code EAN13 du nom :</label>
	</td>
	<td>
		<input type="number" name="EAN13_SALARIE" id="EAN13_SALARIE" min="9000000000000" max="9999999999999" onblur="messagetest();" value="" maxlength="13" tabindex="4"> <!-- maxlength=nbre de caracteres admis a finir douchette code ean13-->
		<script type="text/javascript" src="fonction/traitement_sorti.js"></script>
	</td>
</tr>

le code du fichier traitement_sorti.js

Code :

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

1
2
3
4
function messagetest(){
var test =document.getElementById('EAN13_SALARIE').value;
alert("Nous sommes sortie du champs et saisie "+test+" !");
}

si je lance l'ardoise Javascript de Firefox cela fonctionne !

quel est le problème ?

merci à vous

[Auteur]

Place tes balises script dans l'entête du fichier HTML (balises head) et non au milieu du code HTML.