Discussion :

[aymas]

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 :

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

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

ça me parait illogique mais e ne sais pas comment y faire?

[Watilin]

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

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

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

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

Code :

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

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

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

Code :

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

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

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

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

Tu pourras modifier sa valeur comme ceci :

Code :

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

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

[aymas]

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

[aymas]

Re-Salut,

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

[Watilin]

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

[aymas]

mon code en javascript

Code :

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

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

la partie en html du formulaire est :

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

[SpaceFrog]

name != id

[Watilin]

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

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

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

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

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.

[aymas]

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 .

Salutations

[aymas]

Afin de partager ma connaissance, je vous envoie ceci:

Code :

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

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 :

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

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