Envoyer variable POST via Formulaire

Version imprimable

Bonjour

J'ai un souci avec Jquery,

J'ai fait un site en 2 langues. le traitement PHP du cookie pour la langue est OK mais il me reste a finaliser avec l'envoi via un formulaire.

Mon formulaire :

Code:

1
2
3
4
5
6
7
8
<script src="js/jquery-1.7.min.js" type="text/javascript">>/script>
<div id="polyglotLanguageSwitcher">
	<form action="#">
		<select id="polyglot-language-options">
			<option id="en" value="en" selected>English</option>
			<option id="fr" value="fr">Fran&ccedil;ais</option>
		</select>
	</form>

et le script JQUERY qui ne fonctionne pas :

Code:

1
2
3
4
5
$(document).ready(function() {
    $('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
	TRAITEMENT ICI pour envoyer la variable du formulaire "en" ou "fr" en POST, puis reharger la page en cours que l'on peu récupérer avec la variabe _SERVER
    });
});

Merci de votre aide

Code:

1
2
3
4
<select id="polyglot-language-options">
	<option id="en" value="en" selected>English</option>
	<option id="fr" value="fr">Français</option>
</select>

$.post : http://api.jquery.com/jQuery.post/

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
var jqXHR = $.post( "monFichier.php", { "polyglot" : $( "#polyglot-language-options" ).val() } );
 
jqXHR.done( function( data, textStatus, jqXHR ){
	// succès de la transaction, on doit traiter le contenu de data
	console.log( data, textStatus, jqXHR );
 
});
 
jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
	// échec de la transaction, gérer la catastrophe
	console.log( jqXHR, textStatus, errorThrown );
 
});

Merci de ta réponse :)

J'ai pas trop compris :/

j'ai cru lire qu'il fallais crée un fichier annexe dans lequel on met le traitement , c'est le fichier qui crée le cookie ou pas pour la langue

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
31
32
33
34
35
36
37
38
39
40
41
42
<?php
 
$lang = (isset($_POST['lang'])) ? $_POST['lang'] : '';
 
if($lang == "en" OR $lang == "fr" OR $lang == "es")
    {
    $_POST['lang']=$lang;
    setCookie('lang',$lang,(time()+ 10 * 365 * 24 * 3600));
    }
 echo "langue choisi dans le formulaire : $lang";
 
$lang = (isset($_COOKIE['lang'])) ? $_COOKIE['lang'] : '';
  echo "pas de POST alors on regarde la session : $lang";
 
 
$langpardefaut=explode(",",$_SERVER["HTTP_ACCEPT_LANGUAGE"]);
if($lang != "en" AND $lang != "fr" AND $lang != "es")
{
    {
    if(!isset($_COOKIE["lang"])) //si il n'y a pas de cookie...
    {
        if($langpardefaut == "fr" OR $langpardefaut == "en" OR $langpardefaut == "es") //... on prend la langue du navigateur...
        {
            $lang = $langpardefaut;
        }
        else //... et si la langue n'est pas fr ou en ou es, on met anglais par defaut
        {
            $lang = "en";
        }
    }
    else
    {
        $lang = $_COOKIE["lang"];
 
    }
 
    setCookie('lang', $lang,(time()+ 10 * 365 * 24 * 3600));
	echo $lang;
 
    }
}
?>

et la fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <script type="text/javascript">
        $(document).ready(function() {
            $('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
				effect: 'fade',
                testMode: true,
                onChange: function(evt){
                   // alert("The selected language is: "+evt.selectedItem);
 
   type: "POST",
   url: "lang.php", 
   data:+evt.selectedItem, //(Je suis pas sur ?)
   success: function(msg){
      alert(msg); // ICI est la valeur écrite dans le fichier php
   }
 
 
		    location.reload(); //et la ca me rafraichi la page pour appliquer le choix de la langue
 
                }
            })
			});
 
    </script>

et la le HTML

Code:

1
2
3
4
5
6
7
8
9
10
<div id="polyglotLanguageSwitcher" 	>
<form  id="polyglotLanguageSwitcher" action="http://www.lesite.com/lang.php">
	<select id="polyglot-language-options">
		<option id="en" value="en" selected>English</option>
		<option id="fr" value="fr">Fran&ccedil;ais</option>
		<option id="de" value="de">Deutsch</option>
		<option id="it" value="it">Italiano</option>
		<option id="es" value="es">Espa&ntilde;ol</option>
	</select>
</form>

Mais ca ne fonctionne pas, le cookis nbe se crée pas

Merci de votre aide

23/07/2013, 00h17
danielhagnoul

Je n'ai pas parlé de "cookie", mais uniquement d'une transaction AJAX.
23/07/2013, 06h56
lounou

Oui désolé j'avais pas expliquer le but :)

Mais je souhaite simplement crée un cookie pour le choix de la langue
23/07/2013, 07h18
ascito

a la fois, il me semble que le cookie, tu peu le créer coté client, lui donner un numéro et envoyer le numéro au serveur ( ou l'inverse, attendre le numéro du cookie du serveur, et le forcer coté js ? ) ; ce qui éviterais d'avoir à attendre, ou de recharger une page...
23/07/2013, 07h53
lounou

Je pense qu'il faut recharger la page pour appliquer le language associé ?
23/07/2013, 08h08
Bovino

Ben dans ce cas t'as pas besoin d'AJAX :koi:
23/07/2013, 08h54
lounou
Je m’embrouille en faite…

En faite je souhaite que l’internaute a ce formulaire
Code:

1 2 3 4 5 <form action=""><select > <option id="en" value="en" selected>English</option> <option id="fr" value="fr">Français</option> </select> </form>
Sur un evenement type Onchange que le code qui crée le cookie de la lang se crée (Le fichier se nomme lang.php) puis actualise la page en cours afin d’appliquer la langue. Mais je ne voudrais pas de bouton SUBMIT c’est pour cela que je voudrai que ca soit Onchange.

Merci de votre aide