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;

---