variable javascript vers PHP [Résolu]

[cragoroth]

Bonjour,

Je vous remercie par avance de votre aide car je suis débutant :

j'ai ceci dans un fichier jquery.main.js :

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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
$('#submit_third').click(function(){
        //remove classes
        $('#third_step input').removeClass('error').removeClass('valid');
 
 
        var fields = $('#third_step input[type=text]');
        var error = 0;
        fields.each(function(){
            var value = $(this).val();
            if( value.length<6 || value==field_values[$(this).attr('id')]) {
                $(this).addClass('error');
                $(this).effect("shake", { times:3 }, 50);
                error++;
            } else {
                $(this).addClass('valid');
            }
        });
 
        if(!error) {
                //update progress bar
                $('#progress_text').html('100% Complete');
                $('#progress').css('width','339px');
 
		         //prepare the fourth step
		        var fields = new Array(
		            $('#email').val(),
		            $('#newPass').val(),
		            $('#questsecrete').val(),
		            $('#repsecrete').val(),
					$('#civilite').val() + ' ' + $('#nom').val() + ' ' + $('#prenom').val(),
		            $('#jour').val() + '/' + $('#mois').val() + '/' + $('#annee').val(),
		            $('#adresse').val(),
		            $('#cp').val(),
		            $('#ville').val(),
		            $('#fixe').val(),
		            $('#mobile').val(),
		            $('#email').val(),
		            $('#dernier_diplome').val(),
					$('#datepickerFormation').val(),
					$('#datepickerFormation2').val(),
					$('#datepicker').val(),
					$('#datepicker2').val(),
					$('#intitule_poste').val(),
					$('#entreprise').val(),
					$('#domaine_acti').val()				                       
		        );
		        var tr = $('#fourth_step tr');
		        tr.each(function(){
		            //alert( fields[$(this).index()] )
		            $(this).children('td:nth-child(2)').html(fields[$(this).index()]);
		        });
 
 
                //slide steps
                $('#third_step').slideUp();
                $('#fourth_step').slideDown();     
        } else return false;
 
    });

Ce qui me permet d'avoir mes valeurs de formulaire dans un tableau :

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
 
<!-- #fourth_step -->
			            <div id="fourth_step">
			                <div class="form">
			                    <h2>Résumé</h2><br>
 
			                    <table>
			                        <tr><td>Login : </td><td></td></tr>
			                        <tr><td>Password</td><td></td></tr>
			                        <tr><td>Question secrète</td><td></td></tr>
			                        <tr><td>Réponse à votre question</td><td></td></tr>
 
 
			                        <tr><td>Nom / Prénom</td><td></td></tr>
			                        <tr><td>Date naissance</td><td></td></tr>
			                        <tr><td>Adresse</td><td></td></tr>
			                        <tr><td>Code Postal</td><td></td></tr>
			                        <tr><td>Ville</td><td></td></tr>
			                        <tr><td>Téléphone fixe</td><td></td></tr>
			                        <tr><td>Téléphone portable</td><td></td></tr>
			                        <tr><td>Adresse mail</td><td></td></tr>
 
 
									<tr><td>Dernier diplôme</td><td></td></tr>
									<tr><td>Date début</td><td></td></tr>
									<tr><td>Date fin</td><td></td></tr>
 
 
									<tr><td>Dernier expérience</td><td></td></tr>
									<tr><td>Date début</td><td></td></tr>
									<tr><td>Date fin</td><td></td></tr>
			                    </table> 										  
			                </div>

Ce que j'aimerais faire c'est les récupérer dans une page enregistrement_info.php qui va me permettre de les mettrent dans une base de données

Je ne sais pas comment faire pour récupérer ce tableau javascript.

J'ai pensé à mettre dans un cookie toutes ces valeurs pour les récupérer dans ma page php, j'ai pensé à les appeler directement dans la page php en javascript mais le soucis est si la personne à désactivé javascript...

Je vais d'abord me concentrer sur la récupération de ces valeurs dans le php.

avez-vous une idée svp.

Merci d'avance

[cragoroth]

plus précisèment j'utilise ceci :

http://webexpedition18.com/articles/...s3-and-jquery/

je l'ai adapté avec mon forluaire. A la base j'avais un formulaire simple qui me permettait de récupérer mes valeurs $_POST mais là je ne vois pas du tout comment faire...

car c'est du javascript ???

[SpaceFrog]

Code :

$.post()

[cragoroth]

Je ne comprends pas très bien comment l'utiliser mais comme ceci :

Code :

1
2
var email= $("#email").val();
$.post("enregistrement_infos.php", email);

Aurais-tu un lien utile ?

[SpaceFrog]

un lien utile ?
oui le site de jquery
http://api.jquery.com/jQuery.post/

[cragoroth]

merci j'y suis déjà.....

mais j'arrive pas à comprendre le fonctionnement, j'aurais besoin de mettre toutes ces variables en POST :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
		            $('#email').val(),
		            $('#newPass').val(),
		            $('#questsecrete').val(),
		            $('#repsecrete').val(),
					$('#civilite').val() + ' ' + $('#nom').val() + ' ' + $('#prenom').val(),
		            $('#jour').val() + '/' + $('#mois').val() + '/' + $('#annee').val(),
		            $('#adresse').val(),
		            $('#cp').val(),
		            $('#ville').val(),
		            $('#fixe').val(),
		            $('#mobile').val(),
		            $('#email').val(),
		            $('#dernier_diplome').val(),
					$('#datepickerFormation').val(),
					$('#datepickerFormation2').val(),
					$('#datepicker').val(),
					$('#datepicker2').val(),
					$('#intitule_poste').val(),
					$('#entreprise').val(),
					$('#domaine_acti').val()

et je ne vois pas du tout ou et comment ...mon fichier en pièce jointe

merci de ton retour

[SpaceFrog]

serialise() pour passer les datas

[cragoroth]

merci pour toutes tes informations.....mais par exemple, dans mon fichier jqueri.main.js ou devrais-je faire cette action de mettre les variables de mon formulaire en POST ???

car mon formulaire est composé de 4 partie avec un button submit à chaque fois qui envoi vers l'autre partie du form....

je ne vois pas trop comment faire...

pour visionner :

sovitrat.free.Fr

[Golgotha]

Et si tu essayai déjà de faire un truc plus petit, plus simple et de comprendre comment tout fonctionne...

là, le problème c'est que tu essaye de faire un GROS truc, t'y comprends plus rien, tu es perdu... alors que si tu avance pas à pas, en essayant de comprendre comment çà marche, tu y arriveras par toi même.

[cragoroth]

merci pour les conseils mais j'ai déjà tout le formulaire en phpet j'ai récupérer tout ce que je voulais.

La c'est vrai que je débute la dedans (jquery)mais j'ai plus trop le temps de le faire c'est pour ça et je trouve que c'est un moyen super de le faire.

J'ai déjà pas mal compris ce que j'ai fais ici (pris un truc sur le net) et je l'ai décortiqué pas à pas...

je n'arrive pas trop à voir si ceci :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
				     $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
				          data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+datas);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

est juste. et surtout au bon endroit

vous pourrez voir ce que j'ai fais ici :

sovitrat.free.fr

[SpaceFrog]

pourquoi plusieurs forms si tu as besoin de totu récupérer ??
si tu essayais de tout regrouper en un ...

sinon si tu tiens à conserver tous les form serialise peut s'appliquer à chacun des forms ...

[cragoroth]

J'ai fais cela en plusieurs form pour une manipulation plus aisé des formulaires.....

niveau design (si tu va voir ici, cela rend mieux et plus sympathique pour l'inscription)

par contre que me conseil tu pour mieux faire....

Je ne sais pas ou tester le serialize et surtout dans ma page 'enregistrement_infos.php' comment je récupère cette valeur ? normalement je peux la récup comme d'hab en $_POST ? non ?


j'obtient ceci dans un alert :

Code :

1
2
 
success : email=dsqdsq%40dsqdq.Fr&email2=dsqdsq%40dsqdq.Fr&newPass=aaaaaa&newPass2=aaaaaa&questsecrete=aaaaaaa&repsecrete=aaaaaa&civilite=Mr&nom=dfsdfsdfds&prenom=fdsfsdfsdfsd&jour=1&mois=1&annee=2011&adresse=fsdfsdfsdfsd&cp=53453&ville=fsdfsdfsdf&fixe=0445657575&mobile=0675675677&dernier_diplome=dsfsdfsdfs&datepickerFormation=01%2F10%2F2012&datepickerFormation2=01%2F20%2F2012&intitule_poste=fsdfsdfsdf&entreprise=fdsfsdfds&datepicker=01%2F10%2F2012&datepicker2=01%2F19%2F2012&domaine_acti=fdsfsdfsd&description=

cela veut bien dire que je suis arrivé à récupérer toute mes valeurs mais pourquoi ne passe t'elle pas en $_POST ?

une fois sur la page 'enregitrement_infos.php le $_POST e renvoi rien....

comment fait-on

[SpaceFrog]

tu ne connais pas la balise fieldset ?

[cragoroth]

<fiedlset> pour les formulaires...

si mais c'est un code que j'ai trouvé sur le net et avec la programation qui est derrière cela ne marche pas avec les fieldset et cela va très bien......

sinon t'as une idée du comment et du pourquoi mes valeurs ne passe pas en $_POST ?

[SpaceFrog]

Ben c'est dejà un bon signe ton alert...
ça veut dire que tu envoies bein les données sérailisées de ton form => datas

essaye

Code :

1
2
success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg );

vu que c'est msg qui est retourné par le serveur

[cragoroth]

en fait j'ai fais ça :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

donc il me redirige bien vers ma page 'enregistrement_infos.php' mais mon

Code :

1
2
 
print_r($_POST)

est vide.

Par contre quand je fais F12 (firebug et que je vais dans l'onglet réseau je vois bien ma variable poste avec toutes mes valeurs....

comment faire pour afficher ces valeurs du coup...ia une autre méthode ?

j'ai vu le httpRequest mais comment faire...?

[SpaceFrog]

afficher ou ?
que veux tu faire comme traitement ???
que veux tu recupérer du serveur ?

[cragoroth]

une fois que je valide le formulaire (

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

je veux arriver à la page enregistrement_infos.php

afin de pouvoir prendre les $_POST et les tester pour insertion dans la base de données.

Tu arrive à me comprendre car c'est pas facile à expliquer...

je veux qu'ici : jquery.main.js, lors de

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    $('#submit_fourth').click(function(){
 
				$('form').submit( function(e) {
				     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
				     var datas = $(this).serialize();
					 $.ajax({
				          type: 'POST',      // envoi des données en POST
				          url: $(this).attr('action'),     // envoi au fichier défini dans l'attribut action
						  data: datas,     // sélection des champs à envoyer
				          success: function(msg) {     // callback en cas de succès
				               alert('success : '+msg);
				          }
				     });
				});	
 
        //send information to server  
        self.location.href='enregistrement_infos.php'
    });

cela m'amène vers la page enregistrement_infos.php avec les valeurs en $_POST de tout les champs de formulaire saisie précédement.

[SpaceFrog]

pourquoi retourner sur le serveur ?
tu fais un aller retour pour rien ...

Je ne vois pas l'interet de rediriger àprès un retour d'ajax

[cragoroth]

lol

donc en fait ça marche depuis le début...

c'est vrai qu'avec mon retour ben le self.location......
ne permet pas l'affichage des variables mais là si je l'enlève je vois le message et le $_POST marche bien.

donc je vais pouvoir récupérer ces valeurs et tout faire fonctionner.....

dans 5min je mets le post résolu si ça marche....

Merci bcp SpaceFrog pour ces petites précision....et dsl de t'avoir fait perdre du temps