Assigner à une variable JS le contenu d'un champ

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Assigner à une variable JS le contenu d'un champ

RiFLE+

CCQV

Salut à tous ! J'ai un problème assez pressant et j'aimerais soliciter votre aide.
Je suis totalement incompétent en JS mais j'en ai besoin très rapidement.

Je dispose d'un formulaire. Sur ce formulaire existe un lien pour ajouter des mots-clés (qui seront assignés à des champs Hidden).
Sur le pop-up des mots-clés existent d'autres liens où est accessible un thésaurus.

Ce qui marche : l'ouverture du thésaurus, le choix du mot et l'assignation de ce mot dans le champ correspondant du pop-up mots-clés.
Ce qui bloque : faire passer le contenu des 3 champs mots-clés du pop-up mot-clé dans la page principale.

C'est pourquoi je pense qu'il me faudrait pouvoir assigner à des variables JS le contenu de mes 3 champs mots-clés (j'ai le nécessaire pour transférer une variable JS vers la page d'origine).

Merci pour tout aide rapide qui me serait très précieuse !

Message édité par RiFLE+ le 29-05-2008 à 16:53:44

Publicité

olivthill

Citation :

faire passer le contenu des 3 champs mots-clés du pop-up mot-clé dans la page principale

La source sont trois champ d'un formulaire, si j'ai bien compris. Mais quelle est la destination ? Que signifie "faire passer .. dans la page" ?

Une page est un fichier statique. Ce n'est pas un être vivant qui bouge.
L'illusion du mouvement peut être rendu par un chargement d'une autre page légèrement différente par dessus la première, ce qui implique un dialogue avec le serveur. Dans ce cas la nouvelle page est créée par le serveur, donc pas par du Javascript, qui lui ne tourne que du côté client.
Ou bien l'illusion du mouvement peut être rendu par une réorganisation des éléments de la page dans le javascript avec des exercices de jonglage du genre :
document.getElementById('champ1').innerHTML=document.getElementById('champ2').innerHTML;
ou avec innerText ou document.write.
Mais cette méthode est limitée, et la première méthode, celle du dialogue avec le serveur, est celle qui est pratiquée le plus couramment, et qui fait intervenir un langage côté server qui n'est pas du javascript.

RiFLE+

CCQV

J'ai une page *.php en statique qui correspond à un formulaire de recherche. Pour ajouter des mots-clés à ce formulaire, il faut cliquer sur un lien qui ouvre un pop-up. Dans ce pop-up sont remplis 3 champs.
Je souhaite faire transiter le contenu de ces 3 champs par le click sur le bouton envoyer (qui ferme le pop-up par ailleurs) entre le pop-up et des champs hidden du formulaire de la page d'origine.

RiFLE+

CCQV

up pliz c'est plutôt urgent

flo850

moi je

url de la popup :
popup.php?var1=valeur1&var2=valeur2&var3=valeur3

et dans popup.php tu travaille avec $_GET['var1] , $_GET['var2'] ,...

---------------

RiFLE+

CCQV

C'est dans le sens inverse ! Les champs sont remplis dans la pop-up et je veux les faire transiter vers la page php principale, pour les inclure dans un formulaire osus forme de hidden.

flo850

moi je

j'avais mal lu
http://www.google.fr/search?hl=fr& [...] nt&spell=1

---------------

RiFLE+

CCQV

J'ai trouvé deux codes qui ressemblent à ce que je recherche ::

Code :

<HTML><HEAD><TITLE>Popup de choix</TITLE>
<SCRIPT language="javascript">
function Reporter(l) {
var choix=l.options[l.options.selectedIndex].value;
window.opener.document.forms["origine"].elements["choix"].value=choix;
}
</SCRIPT>
</HEAD>
<CENTER><BR><BR>
<FONT SIZE="2" COLOR="navy" face=arial>
Faites votre choix dans cette liste. <BR>
Il sera reportée dans le formulaire de la fenêtre appelante.
<FORM>
<SELECT name="liste" onChange="Reporter(this)">
<OPTION value="">Votre choix ...</OPTION>
<OPTION value="Voiture">Voiture</OPTION>
<OPTION value="Moto">Moto</OPTION>
<OPTION value="Vélo">Vélo</OPTION>
</SELECT>
</FORM>
</FONT>
</CENTER>
</BODY></HTML>

Code :

<HTML><HEAD><TITLE>Tout JavaScript.com - Popup Communiquant</TITLE>
<SCRIPT type="text/JavaScript">
function OuvrirPopup(page,nom,option) {
window.open(page,nom,option);
}
</SCRIPT></HEAD>
<BODY bgcolor="white">
<FONT face="arial" color="navy" size="2">
<B><BIG><CENTER>Communiquer avec la fenêtre appelante</CENTER></BIG></B><BR>
Depuis le popup il est possible d'atteindre l'objet <SPAN class=code>window</SPAN> de la fenêtre appelante grâce à <SPAN class=code>window.opener</SPAN>. On peut ainsi modifier le contenu de la fenêtre appelante ou récupérer des informations du popup pour les replacer dans un formulaire de la fenêtre appelante.<BR>
Cet exemple permet de placer dans le champ <SPAN class="code">choix</SPAN> du formulaire <SPAN class="code">origine</SPAN>
<BR><BR><BR>
<FORM name='origine'>
Votre choix <INPUT type="text" name="choix" disabled><BR>
<INPUT type="button" value="Ouvrir le popup" onClick="OuvrirPopup('popchoix.html','popupchoix','width=300,height=150,menubar=no,status=no')"><BR>
</FORM>
<BR>
<BR>
<BR>
<BR>
<BR>
</FONT>
</BODY></HTML>

Je comprend le principe, mais ce qui me gêne est que ne sachant pas du tout manipuler JS, je ne sais pas transposer ce code qui a été fait pour choisir une option parmi une liste en champ de texte simple.

Le this il me semble permet de copier l'option ainsi choisie dans la page d'origine. Mais comment faire pour pouvoir copier du texte rentré à la main dans un champ "text" ??

RiFLE+

CCQV

C'est bon en bidouillant j'ai trouvé :

Code :

function Reporter(l) {
var choix=l;
window.opener.document.forms["ChoixCriteres"].elements["MCA"].value=choix;
}
function Reporter2(l) {
var choix=l;
window.opener.document.forms["ChoixCriteres"].elements["MCB"].value=choix;
}
function Reporter3(l) {
var choix=l;
window.opener.document.forms["ChoixCriteres"].elements["MCC"].value=choix;
}

et le bouton valider

Code :

<input type="button" onclick="Reporter(document.forms['Motscles'].MotCle1.value);Reporter2(document.forms['Motscles'].MotCle2.value);
Reporter3(document.forms['Motscles'].MotCle3.value);" value="Valider">

Message édité par RiFLE+ le 30-05-2008 à 14:47:25

FORUM HardWare.fr

Programmation

HTML/CSS

Assigner à une variable JS le contenu d'un champ

Sujets relatifs
Chargement fichier externe JS ?	Récupération variable entre pages
[Flash - Action Script] variable clickTag	Récuperer une variable dans Textbox d'un formview
[JAVA] [Résolu] Variable Calendar incrémentée dans une boucle	[ActionScript] Problème de débutant avec une variable de fonction
[Ajax/JS] Comment faire cela ?	Probleme Boucle "pour" en nombre variable
modifier le contenu d'un "text" svg	2 contenu sur la même ligne en xhtml strict
Plus de sujets relatifs à : Assigner à une variable JS le contenu d'un champ

Page générée en 0.060 secondes