formulaire de liens avec envoi automatique

Version imprimable

Bonjour,

Sur mon site touristique, j'ai installé un formulaire pour choisir une destination par liste déroulante.
En furetant sur le web, j'ai trouvé un code javascript qui me convient parfaitement pour envoyer automatiquement le visiteur sur la page désirée (sans bouton Submit).
Voici le code actuel :
dans la balise Head
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script language="JavaScript"> function choix(form) { var var4=form.my_dest.selectedIndex if (form.my_dest.options[var4].value != "0") {location=form.my_dest.options[var4].value;} } </script>
dans la balise Body
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <form method="get" action="monsite/index.php?dest=plage1" name="send_dest"> <select NAME="my_dest" onChange="choix(this.form)"> <option VALUE="monsite/index.php?dest=plage1">plage 1</option> <option VALUE="monsite/index.php?dest=plage2">plage 2</option> <option VALUE="monsite/index.php?dest=plage3">plage 3</option> <option VALUE="monsite/index.php?dest=plage4">plage 4</option> </select>
Ce code marche donc bien, mais je voudrais en plus y ajouter une liste radio pour le choix de la langue :
Code:

1 2 3 4 <input checked="checked" name="langue" value="en" type="radio">EN <input name="langue" value="fr" type="radio">FR <input name="langue" value="it" type="radio">GR
Ma question est donc, quel est le code à ajouter pour passer la langue en GET ? C'est à dire "index.php?langue=en" ou "index.php?langue=fr"

Je précise que la page où se trouve ce formulaire est uniquement en anglais (contrairement aux autres pages du site), donc pas possible de récupérer le paramètre "langue" au premier chargement de la page. Il faudrait donc que le visiteur choisisse la langue par les boutons radio, ce qui aurait pour effet de changer à la volée le formulaire ci-dessus.

Merci de votre aide

Citation:

Ce code marche donc bien

Etonnant... je vois mal comment tu atteins ton premier lien :aie:
Mais bon, j'imagine que tu as une option dont le value est 0 du type "Sélectionnez votre destination".
Ceci dit, ça marche peut être bien, mais ça peut s'écrire en une seule ligne :
Code:

1 2 3 4 function choix(val) { if (val != "0") {location.href=val;} }
et

Code:

<select NAME="my_dest" onChange="choix(this.value)">

Citation:

quel est le code à ajouter pour passer la langue en GET ?

Il faut faire une boucle sur tous les input pour déterminer celui qui est coché :
Code:

1 2 3 4 5 6 7 8 9 var langues = document.getElementsByName('langue'), i = langues.length, langue='fr'; while(i--){ if(langues[i].checked){ langue = langues[i].value; break; } } val += '&langue=' + langue; location.href = val;

15/10/2011, 18h06
ordidonc

Merci pour la réponse Bovino !

Citation:

Envoyé par Bovino

Etonnant... je vois mal comment tu atteins ton premier lien :aie:
Mais bon, j'imagine que tu as une option dont le value est 0 du type "Sélectionnez votre destination".

Oui, évidemment j'ai oublié de mentionner cette ligne.

Sinon, je confirme que le code que tu as fourni en une ligne fonctionne bien.

Par contre, j'ai ajouté le reste du code, mais ça n'a pas l'air de fonctionner. La variable langue ne passe pas dans l'url en Get :(

Y aurait-il une erreur dans le script, par exemple entre langues et langue ?
Je reprécise que ce formulaire n'a pas du tout de bouton Submit, donc après avoir coché la langue, l'envoi est fait uniquement par liste déroulante. Est-ce que ça viendrait de ça ?
Ou alors y a-t-il quelque chose à ajouter dans la partie bouton radio...

Merci
15/10/2011, 18h31
Bovino

Fais voir ton nouveau code...

Voilà :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="JavaScript">
 
function choix(val) {
if (val != "0") 
{location.href=val;}
}
var langues = document.getElementsByName('langue'), i = langues.length, langue='fr';
while(i--){
    if(langues[i].checked){
        langue = langues[i].value;
        break;
    }
}
val += '&langue=' + langue;
location.href = val;
 
</script>

et ensuite :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<form method="get" action="monsite/index.php?dest=plage1" name="send_dest">
 
      choose your language : 	
 
	<input checked name="langue" value="en" type="radio">EN
 
	<input name="langue" value="fr" type="radio">FR
 
	<input name="langue" value="it" type="radio">IT
 
	<input name="langue" value="gr" type="radio">GR
 
 
 <select NAME="my_dest" onChange="choix(this.value)">
 
  <option SELECTED VALUE="0">your destination ?</option>
 
        <option VALUE="monsite/index.php?dest=plage1">plage 1</option>
 
        <option VALUE="monsite/index.php?dest=plage2">plage 2</option>
 
        <option VALUE="monsite/index.php?dest=plage3">plage 3</option>
 
        <option VALUE="monsite/index.php?dest=plage4">plage 4</option>
 
 </select>
 
 
</form>

Si j'ai bien saisi, la variable langue est ajouté à l'url par ce script :

Code:

1
2
val += '&langue=' + langue;
location.href = val;

Donc à priori, je n'ai pas besoin de rajouter quoi que ce soit (javascript, php, etc) dans les options VALUE ...?
:koi:

15/10/2011, 19h02
ordidonc

Excusez :

Citation:

Envoyé par ordidonc

dans les options VALUE ...?

Je voulais dire dans les INPUT des boutons radio évidemment...
15/10/2011, 19h17
Bovino

Non, tu n'as rien à ajouter au HTML, mais il faut faire la redirection après avoir mis à jour l'URL :roll:
15/10/2011, 19h35
ordidonc

Attention, parce que mon formulaire est sur la première page du site, mais le lien va sur une autre page, qui n'est pas la même.
Oui, c'est moi qui n'est pas été clair. La première page est monsite/index.php et la seconde (les secondes plutôt, car les pages sont à la volée en php) : monsite/mesplages/index.php
Désolé pour la confusion.

Donc, s'il faut recharger la page SANS Javascript il faut obligatoirement ajouter un bouton Submit, ce que je voudrais éviter si possible.
Sinon, je dois ajouter du code sur la seconde page, mais je voudrais aussi éviter cela.

Alternativement, je dois rendre la première page multilingue par le php. Mais si un petit code Javascript me permet d'éviter des tas de ligne en php avec Isset truc, switch bidule, Get machin et include chouette, tant mieux. ;)