Variable JS dans un input

**onha94** · 05/04/2014, 08h52

Bonjour a vous tous,

Voila je cherche a faire passer le valeur JS dans un input d'un formulaire.

J'ai ceci qui m'affiche bien la valeur mais je ne parviens à afficher cette même valeur dans le input de mon formulaire.

voici mon code :

Code html :

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
<html>
 
<head>
<script type="text/javascript">
      <!--
        var obj = new ActiveXObject('WScript.Network');
        document.write(obj.UserName);
        document.getElementById("autoname").value = (obj.UserName);
      -->
    </script>
    </head>
<body>
test : 
 
<form name="valeur" action="http://127.0.0.1/toto/tata.html" method="post"> 
<input type="text" id="autoname" name="autoname" value=""/> </form> 
<br />
<br />
 
</body>
 
</html>

merci pour votre aide.

Onha

**Auteur** · 05/04/2014, 15h43

bonjour,

2 erreurs dans ton code :
- l'utilisation de document.write().
- l'appel de document.getElementById() avant que l'élément ciblé ne soit instancié.

**onha94** · 06/04/2014, 07h32

Bonjour Auteur

tout d'abord merci d'avoir pris le temps pour me répondre. Pour le document.write ok rien a faire là mais je voulais m'assurer que la valeur s'afficher bien en revanche pour le 2ème point étant novice je ne vois pas du tout ce que tu veux me dire est-ce que tu peux détailler

Merci

**Auteur** · 06/04/2014, 11h02

Si tu souhaites afficher des résultats intermédiaires, utilise plutôt la fonction alert()

Pour document.write, voici un petit article : http://blog.developpez.com/web/p1065..._en_javascript

Pour le dernier point : quand tu charges une page dans le navigateur, celui-ci va interpréter le code qui s'y trouve de la première à la dernière ligne de ta page. Arrivé à la balise script, tu signales un code javascript :

Code :

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

<script type="text/javascript">

puis viens cette ligne :

Code :

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

document.getElementById("autoname").value = (obj.UserName);

qui est immédiatement interprétée car elle n'est pas contenue dans une fonction. Or à ce niveau là, l'objet (dans ton cas un input) ayant pour identifiant "autoname" n'est pas encore chargé dans ta page, il n'existe pas. Conséquence, le navigateur renvoie une erreur.

Il faut donc que tu indiques au navigateur que ce code ne doit être interprété qu'après le chargement de tes éléments HTML dans la page. Pour cela utilise l'événement onload :

Code html :

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>
    <script type="text/javascript">
    <!--
        function initialisation() // le code JS contenu dans cette fonction sera interprété uniquement lors de l'appel à ladite fonction
        {
        var obj = new ActiveXObject('WScript.Network');
        alert(obj.UserName);
        document.getElementById("autoname").value = obj.UserName;
        }
    -->
    </script>
</head>
<body onload="initialisation()">
   <div>   
	test : 
 
	<form name="valeur" action="http://127.0.0.1/toto/tata.html" method="post"> 
	<input type="text" id="autoname" name="autoname" value=""/> 
        </form> 
        <br />
        <br />
   </div> 
</body>
 
</html>

sous réserve que l'ActiveX ne contienne pas d'erreur.

**onha94** · 06/04/2014, 16h28

c'est beaucoup plus clair pour moi maintenant. Merci pour ton aide.

Variable JS dans un input

JavaScript

Vue hybride

Discussions similaires

Partager

Partager