Passer une valeur du Javascript dans un input HTML

Bonjour,

Je suis d�butante en javascript et voil� mon probl�me.

je lance sur une page html un script en javascript dans lequel je r�cup�re des donn�es que je veux ensuite afficher dans la m�me page html.

j'essaie d'utiliser

Code:

---

document.write("<input>"+lng+"</input>");

---

�a me parait illogique mais e ne sais pas comment y faire?:roll::?

Salut,

en JavaScript il existe diff�rentes fonctions pour acc�der aux �l�ments de ta page et y r�cup�rer des donn�es. La plus utilis�e est document.getElementById. Pour utiliser cette fonction, il faut que l'�l�ment qui t'int�resse ait un attribut id, par exemple :

Code:

---

<p id="paragraphe">Hello World</p>

---

En JavaScript, tu obtiens une r�f�rence sur cet �l�ment <p> de cette mani�re :

Code:

---

var $p = document.getElementById("paragraphe");

---

Ensuite, tu peux r�cup�rer son contenu texte par exemple, en utilisant sa propri�t� textContent :

Code:

---

var texte = $p.textContent;

---

Si ton �l�ment est un <input>, tu utiliseras plut�t la propri�t� value.

Enfin, pour modifier le contenu d'un input, tu utilises �galement value mais � gauche du signe �gal. Par exemple, s'il y a cet �l�ment dans ta page :

Code:

---

<input type="text" id="lng" />

---

Tu pourras modifier sa valeur comme ceci :

Code:

---

document.getElementById("lng").value = "FR";

---

Je te remercie infiniment. c'est tr�s clair et net et �a r�sout mon probl�me et la confusion que j'avais.

Re-Salut,

Je viens de constater un probl�me lors de la modification d'un input qui est � l'int�rieur d'un formulaire :calim2::calim2: et je ne sais comment y proc�der

Normalement on fait pareil. Tu as un message d'erreur ?

mon code en javascript

Code:

---

1 2	//Récupération du coordonnées document.getElementById("lng").value = position.coords.longitude;

---

la partie en html du formulaire est :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

</article><script type="text/javascript" src="map.js"></script> <form id="ajout" action="traitement.php" method="post" name="ajout"> <label>Nom de la localisation </label> : <input type="text" name="nom" /> <label>Type</label>: <select id="type" name="type"> <option value="2">Monument historique</option> <option value="3">Etablissement scolaire</option> <option value="1">Pharmacie</option></select> <label>Coordonnées </label> : <input type="text" name="lng" placeholder="longitude" /> <input type="text" name="lat" placeholder="latitude" /> <label>Description</label> : <textarea cols="30" name="description" rows="3"></textarea> <label>Ajouter une illustration </label> :<input type="file" name="parcourir" /> <input type="submit" value="Enregistrer" />   </form></section>

---

y a pas d'erreur mais y pas de r�sultat aussi

name != id

Spaffy a raison : les attributs name et id ne sont pas la m�me chose. Pour corriger le probl�me, tu as deux solutions : soit tu rajoutes un id � ton input

Code:

---

<input type="text" id="lng" name="lng" placeholder="longitude" />

---

soit tu utilises une autre fonction, getElementsByName, qui est l�g�rement moins pratique car elle renvoie toujours une collection d'�l�ments m�me quand il n'y a qu'un seul �l�ment dedans. Du coup il faut utiliser la notation tableau. Note le s qui indique le pluriel dans getElementsByName, et la notation tableau, je les ai soulign�s par des ^ dans cet exemple :

Code:

---

1 2	document.getElementsByName("lng")[0].value = position.coords.longitude; // ^ ^^^

---

Dans ta situation, il y avait forc�ment un message d'erreur, seulement tu ne sais pas encore comment le voir. Il faut ouvrir la console de ton navigateur. Sous Chrome et IE (si ton IE n'est pas trop vieux), c'est F12 ; sous Firefox, si tu n'as pas install� Firebug, c'est Ctrl+Maj+K.

Voir : http://eric-pommereau.developpez.com...l-web/firebug/ . La plupart des conseils s'appliquent � toutes les consoles, pas seulement Firebug.

Merci pour vos r�ponses assez rapides et comprises ^^ .
J'utilise dans un premier moment la console web de Mozilla Firefox :). Je viens d'installer le FireBug c'est super bien :D :D.

Salutations:)

Afin de partager ma connaissance, je vous envoie ceci:

Code:

---

1 2 3 4

///////////--------------Récupération du coordonnées ------------------------   document.getElementsByName("lng")[0].value = position.coords.longitude; document.getElementsByName("lat")[0].value = position.coords.latitude;

---

apr�s cette modification j'ai re�u le r�sultat voulu

Code:

---

1 2 3 4

///////////--------------Récupération du coordonnées ------------------------   document.getElementById("lng").value = position.coords.longitude; document.getElementById("lat").value = position.coords.latitude;

---