javascript et formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : javascript et formulaire

bricocoman

j'aime les modos

:hello:

bon, je n'utilise jamais de javascript ( [:yopyopyop] ) mais bon, là, je ne peux pas faire autrement.

J'ai un formulaire de base dans lequel les visiteurs ont trois champs à remplir. L'un d'eux est le code ISBN d'un livre. Pour les aider à le trouver, je fais appel à un "popup" (re- ) dans laquelle il peuvent faire une recherche et trouver l'ISBN correspondant.
Comme je n'utilise jamais de javascript, je sèche. C'est sûrement une connerie mais je bloque [:spamafote]

Le code dans la page parent :

Code :

<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function popup(fic)
{ recherche=window.open(fic,'Choisir','width=400,height=250,top=50,left=50'); }
</script>
</head>
<body>
<form name="toto">
<a href="javascript:popup('testpopup2.php')">ISBN :</a><input type="text" name="isbn"><br>
</form>
</body>
</html>

la "popup" :

Code :

<script language="javascript">
function choisir(truc)
{ window.opener.document.forms[0].isbn.value = truc.options[truc.selectedIndex].value;
self.close(); }
</script>
</head>
<body>
<form name="toto">
<select name="choix" onChange="choisir(this)">
<option value="">Choisissez</option>
<option value="Ain">Ain</option>
<option value="Aisne">Aisne</option>
<option value="Allier">Allier</option>
</select>
</form>
<br />
<form name="tutu">
<input name="isbn" value="123456" type="text">
<input type="button" value="ok" onChange="choisir(this)">
</form>
</body>
</html>

Avec le premier formulaire (SELECT) la valeur est bien transmise dans le formulaire de la page parente, mais avec un champ texte (INPUT) de base, ca marche pas.

Oui, je sais, c'est ballot, mais je vois pas (et c'est pas faute d'avoir cherché)

Merci de votre aide

Message édité par bricocoman le 09-11-2005 à 16:05:11

Publicité

anapajari

s/travail/glanding on hfr/gs;

Déjà le onChange dans un bouton ... avec qu'il soit appelé accroche toi!

Ensuite dans ta fonction tu passes à opener:

Code :

truc.options[truc.selectedIndex].value;

Forcément il risque pas de récuperer la valeur de ton champ texte ...

Message cité 1 fois

omega2

Question con : il est où truc dans ta popup?

anapajari

s/travail/glanding on hfr/gs;

il est pas dans sa popup truc ...
c'est document.forms[0].isbn.value qui doit y être.

bricocoman

j'aime les modos

je vous l'avais dit que je ne faisais jamais de javascript

mais alors concrètement, c'est quoi la bonne solution ?
Je doit changer le onChange par autre chose ?

Message édité par bricocoman le 09-11-2005 à 16:32:22

bricocoman

j'aime les modos

anapajari a écrit :

Déjà le onChange dans un bouton ... avec qu'il soit appelé accroche toi!
c'est un onClick qu'il faut utiliser sur un bouton ?

Ensuite dans ta fonction tu passes à opener:

Code :

truc.options[truc.selectedIndex].value;

Forcément il risque pas de récuperer la valeur de ton champ texte ...

anapajari

s/travail/glanding on hfr/gs;

oui c'est onclick mais ça résoudra que la moitié de ton problème.
Tu ne vas pas lui passer la valeur de ton input text si tu changes juste ce point.

Il faut qu'en fonction de ce qui appele choisir() tu passes la bonne valeur.
Alors soit tu joues avec l'objet this que tu passes en paramètre, soit tu fais 2 fonctions différentes ( ce qui est beaucoup plus facile pour quelqu'un qui fait jamais de javascript)

Message cité 1 fois

bricocoman

j'aime les modos

anapajari a écrit :

oui c'est onclick mais ça résoudra que la moitié de ton problème.
Tu ne vas pas lui passer la valeur de ton input text si tu changes juste ce point.

Il faut qu'en fonction de ce qui appele choisir() tu passes la bonne valeur.
Alors soit tu joues avec l'objet this que tu passes en paramètre, soit tu fais 2 fonctions différentes ( ce qui est beaucoup plus facile pour quelqu'un qui fait jamais de javascript)

certes [:mlc2] [:tinostar]

Chuis désolé, vraiment, mais même ça, c'est compliqué pour moi [:spamafote]

bricocoman

j'aime les modos

:hello:

bon, j'ai essayé de bidouiller quelque chose, mais ça marche jamais. [:spamafote]
Je suis vraiment une buse en javascript.

Y'aurait pas une bonne âme qui puisse m'indiquer ce que je dois faire ? :ange:

anapajari

s/travail/glanding on hfr/gs;

Code :

<html>
<head>
<script language="javascript">
function setValue(inpId){
var inp = document.getElementById(inpId);
if(inp.tagName == 'SELECT'){
window.opener.document.forms[0].isbn.value = inp.options[inp.selectedIndex].value;
} else if (inp.tagName == 'INPUT'){
window.opener.document.forms[0].isbn.value = inp.value;
}
self.close();
}
</script>
</head>
<body>
<form name="toto">
<select name="choix" onChange="setValue('choix')" id="choix">
<option value="">Choisissez</option>
<option value="Ain">Ain</option>
<option value="Aisne">Aisne</option>
<option value="Allier">Allier</option>
</select>
</form>
<br />
<form name="tutu">
<input name="isbn" value="123456" type="text" id="isbn">
<input type="button" value="ok" onClick="setValue('isbn')">
</form>
</body>
</html>

Message cité 1 fois

Publicité

bricocoman

j'aime les modos

Ah d'acord, je comprends mieux maintenant.
Merci beaucoup anapajari :jap:
(et aux autres aussi)

bricocoman

j'aime les modos

anapajari a écrit :

Code :

<html>
<head>
<script language="javascript">
function setValue(inpId){
var inp = document.getElementById(inpId);
if(inp.tagName == 'SELECT'){
window.opener.document.forms[0].isbn.value = inp.options[inp.selectedIndex].value;
} else if (inp.tagName == 'INPUT'){
window.opener.document.forms[0].isbn.value = inp.value;
}
self.close();
}
</script>
</head>
<body>
<form name="toto">
<select name="choix" onChange="setValue('choix')" id="choix">
<option value="">Choisissez</option>
<option value="Ain">Ain</option>
<option value="Aisne">Aisne</option>
<option value="Allier">Allier</option>
</select>
</form>
<br />
<form name="tutu">
<input name="isbn" value="123456" type="text" id="isbn">
<input type="button" value="ok" onClick="setValue('isbn')">
</form>
</body>
</html>

nickel
bon désolé, encore une question, si maintenant j'ai trois champs dans le formulaire au lieu d'un :whistle:

Code :

<form name="tutu">
<input name="isbn" value="123456" type="text" id="isbn">
<input name="auteur" value="Jean Dupont" type="text" id="auteur">
<input name="titre" value="le javascript pour les nuls" type="text" id="titre">
<input type="button" value="ok" onClick="setValue('isbn')">
</form>

Message cité 1 fois

bricocoman

j'aime les modos

bricocoman a écrit :

nickel
bon désolé, encore une question, si maintenant j'ai trois champs dans le formulaire au lieu d'un :whistle:

Code :

<form name="tutu">
<input name="isbn" value="123456" type="text" id="isbn">
<input name="auteur" value="Jean Dupont" type="text" id="auteur">
<input name="titre" value="le javascript pour les nuls" type="text" id="titre">
<input type="button" value="ok" onClick="setValue('isbn')">
</form>

je reviens à la charge [:gilbert gosseyn]

ça fait quelques jours que je galère pour faire passer les valeurs de trois INPUT au lieu d'un.
j'ai bidouillé le javascript mais en vain :sweat:
quelqu'un pourrait m'indiquer la marche à suivre?

:jap:

bricocoman

j'aime les modos

nobody :??: :sweat:

anapajari

s/travail/glanding on hfr/gs;

montres nous ce que tu as fais on te dira ce qui va pas ...

bricocoman

j'aime les modos

j'ai bisouillé des trucs mais comme ça marchait pas, je les ai aps gardés. Voilà le dernier en date (merci de ne pas rire )

page 1

Code :

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function popup(fic)
{ recherche=window.open(fic,'Choisir','width=400,height=250,top=50,left=50'); }
</script>
</head>
<body>
<form name="toto">
<a href="javascript:popup('test2.php')">test2</a>
<input type="text" name="isbn">
<input type="text" name="titre">
<br>
</form>
</body>
</html>

page test2

Code :

<html>
<head>
<script language="javascript">
function setValue(inpId){
var inp = document.getElementById(inpId);
if(inp.tagName == 'INPUT'){
window.opener.document.forms[0].isbn.value = inp.value;
window.opener.document.forms[0].titre.value = inp.value;
}
self.close();
}
</script>
</head>
<body>
<form name="tutu">
<input name="isbn" value="ISBN" type="text" id="isbn">
<input name="titre" value="javascript pour le très nuls" type="text" id="titre">
<br>
<br>
<input name="button2" type="button" onClick="setValue('isbn','titre')" value="ok">
</form>
</body>
</html>

les valeurs transmises sont les mêmes (celle d isbn)

FORUM HardWare.fr

Programmation

HTML/CSS

javascript et formulaire

Sujets relatifs
Récuperer une varible Javascript en php dans un formulaire	[JavaScript] xhtml et attribut name d'un formulaire incompatible
[JAVASCRIPT] Envoi d'un formulaire dans un popup	Pb javascript: formulaire
[JavaScript] Vérifier un formulaire avant envoi	Javascript dans un formulaire, trucs qui se déclenchent tout seuls
[RESOLU] petit soucis de formulaire et javascript	Envoyer un formulaire en javascript en post, c'est possible ?
[javascript] desactiver un onsubmit en cochant une case (formulaire)	[HTML /JAVASCRIPT je crois] probleme formulaire
Plus de sujets relatifs à : javascript et formulaire

Page générée en 0.112 secondes