Récupérer variables de javascript en php (Ajax)

**jeff24** · 12/05/2009, 10h10

Bonjour à tous,

Je suis en train de développer mon site internet, j'ai actuellement un petit problème.

J'aimerais récupérer un variable javascript en php, j'ai lu sur des forums que c'était impossible puisque php s'exécute sur le serveur et le javascript côté client. Mais il paraît qu'il existe une méthode utilisant l'Ajax et une qui ne l'utiliserait pas.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?php
        $random = '?'.rand();
 
        $pseudo = $_SESSION['pseudo'];
        setcookie('num_img', '1', (time() + 3600));
        $img='1';
 
        
        echo "<img src='images/$pseudo/Image 1.jpg$random' alt='' height=470 />";
        $x = 1;
        while( (file_exists("images/$pseudo/Image $x.jpg")) && $x<7 )
        {
                $x++;
        }
        $_SESSION['x'] = $x-1;
        include("changer_image.php");
?>
 
<form method="post" action ="" name="">
<p>
<table style="width:625px;border:1px solid Gray;border-radius: 40px 40px;-moz-border-radius: 50px;">
	<tr>
		<td style="text-align:left;width:7%;"><div id="tgau"><?php if ($img>1) echo '<input type="image" src="images/boutons/Bouton-precedent2.png" name="prec" onclick="changer_image(\'moins\')" />';?></div></td>
 
		<td style="width:32%; text-align:center;" ><div id="gau"><?php if ($img>1) echo "<img src='images/$pseudo/Image ".($img-1).".jpg$random' alt='' height=120 />"; ?></div></td>
 
		<td style="width:22%; text-align:center;"> <div id="midd"><?php echo "<img src='images/$pseudo/Image ".$img.".jpg$random' alt='' height=100 />"; ?></div></td>
 
		<td style="width:32%; text-align:center;"><div id="dro"><?php if ($img<$x) echo "<img src='images/$pseudo/Image ".($img+1).".jpg$random' alt='' height=120 />"; ?></div> <input type="hidden" name="img" id="img" value="<?php echo $img; ?>" /></td>
 
		<td style="text-align:right;width:7%;"><div id="tdro"><?php if ($img<$x) echo '<input type="image" src="images/boutons/Bouton-suivant2.png" name="next" onclick="changer_image(\'plus\')" />';?></div></td>
	</tr>
</table>
</p>
</form>
 
<!-- Lien pour ouvrir la pop-up avec comme paramètre le numéro de la photo pour insérer
le commentaire avec la bonne photo	-->
<div style='text-align:center;'>
	<p style='font-size:15px;'>
		<a href="javascript:OuvrirFenetre('popup_commetaire.php?Id_num_Article=<?php echo $numero_photo; ?>&photo=1','popup','width=500,height=400')">
		Ajouter un commentaire
		</a>
	</p>
</div>

Ensuite le code Javascript de : include("changer_image.php");

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?php
        $random = '?'.rand();
?>
<script LANGUAGE="JavaScript">
// Variable qui stocke le nombre d'image de l'utilisateur
varX="<?php echo $_SESSION['x'];?>";
// Variable qui sert à ne pas conserver les mêmes images dû aux cookies.
varRandom="<?php echo $random;?>";
// Variable qui sert à savoir à quel image on en est
varT=1;
 
function getCookie(sName) {
        var cookContent = document.cookie, cookEnd, i, j;
        var sName = sName + "=";
 
        for(var i=0,c=cookContent.length;i<c;i++) {
                j = i + sName.length;
                if(cookContent.substring(i, j) == sName) {
                        cookEnd = cookContent.indexOf(";", j);
                        if(cookEnd == -1) {
                                cookEnd = cookContent.length;
                        }
                        return decodeURIComponent(cookContent.substring(j, cookEnd));
                }
        }       
        return null;
}
 
function changer_image(signe)
{
	comp=getCookie("num_img");
	if (signe=='moins')
	{
		varT--;
		// Condition qui cache la prévisualisation précédente si on est à la photo 1.
		if (parseInt(comp-1)>1)
			document.getElementById('tgau').innerHTML='<input type="image" src="images/boutons/Bouton-precedent2.png" name="prec" onclick="changer_image(\'moins\')" />';
		else
			document.getElementById('tgau').innerHTML='';
 
		// Variable pour remédier aux apostrophes.
		varP="<?php echo $_SESSION['pseudo'];?>";
		document.getElementById('image').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-1)+".jpg"+varRandom+"' alt='' height=470 />";	
		document.getElementById('gau').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-2)+".jpg"+varRandom+"' alt='' height=120 />";
		document.getElementById('midd').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-1)+".jpg"+varRandom+"' alt='' height=100 />";
		document.getElementById('dro').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp))+".jpg"+varRandom+"' alt='' height=120 />";
 
		if (parseInt(comp-1)<varX)
			document.getElementById('tdro').innerHTML='<input type="image" src="images/boutons/Bouton-suivant2.png" name="next" onclick="changer_image(\'plus\')" />';	
		else 
			document.getElementById('tdro').innerHTML='';
 
		document.cookie = 'num_img' +"=" + (parseInt(comp)-1)+ ";" ;
	}
	else
	{
		varT++;
		if (parseInt(comp+1)>1)
			document.getElementById('tgau').innerHTML='<input type="image" src="images/boutons/Bouton-precedent2.png" name="prec" onclick="changer_image(\'moins\')" />';
		else
			document.getElementById('tgau').innerHTML='';
		varP="<?php echo $_SESSION['pseudo'];?>";
		document.getElementById('image').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+1)+".jpg"+varRandom+"' alt='' height=470 />";
		document.getElementById('gau').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp))+".jpg"+varRandom+"' alt='' height=120 />";
		document.getElementById('midd').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+1)+".jpg"+varRandom+"' alt='' height=100 />";
		document.getElementById('dro').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+2)+".jpg"+varRandom+"' alt='' height=120 />";
 
		if ((parseInt(comp)+1)<varX)
			document.getElementById('tdro').innerHTML='<input type="image" src="images/boutons/Bouton-suivant2.png" name="next" onclick="changer_image(\'plus\')" />';	
		else 
			document.getElementById('tdro').innerHTML='';
 
		document.cookie = 'num_img' +"=" + (parseInt(comp)+1)+ ";" ;
	}
	return varT;
}
 
function init()
{
	document.cookie = 'num_img' +"=1;" ;
}
</script>

Pour mieux voir ce que fait mon code, sur ma page j'ai ça :

Ainsi j'aimerais récupérer la variable "varT" dans la fonction changer_image dans le code javascript
Pour m'en servir pour ouvrir la pop-up Ajouter Commentaire, pour poster le commentaire avec le numéro de la photo dans la base de données.

Pour ensuite afficher les commentaires de chaque image (en Ajax je suppose).

Je me suis dit qu'en Ajax ça serait possible, sauf que j'y connais pas grand chose.
Si quelqu'un à une solution à me proposer en m'expliquant comme ça marche (ou non) ça serait parfait :-)

Merci d'avance

**Vil'Coyote** · 12/05/2009, 10h16

Salut,
je ne peux que te dire d'aller jeter un oeil ici en lisant un peu tu devrais t'en sortir rapidement.

**jeff24** · 12/05/2009, 11h00

Merci Vil'Coyote pour le lien, mais j'ai pas tout compris.

Je vais lire d'autre tutoriaux, mais ça m'a l'air bien compliqué l'Ajax...

**SpaceFrog** · 12/05/2009, 11h03

ajax n'est pas plus compliqué qu'un simple formulaire ...
le send d'ajax envoir les données au serveur en GET ou en POST et tu les récupères exactement comme les données d'un form coté php ...
la seule différence est que l'envoi des données se fait sans rechargement de page

**jeff24** · 12/05/2009, 11h12

Tu veux pas m'expliquer comment ça marcherait SpaceFrog dans mon cas ?

Parce que je patoge dans les sites de tutos d'Ajax en ce moment, ça m'a pas l'air si facile.

**SpaceFrog** · 12/05/2009, 14h06

quel intéret de faire un ajax dans ton cas de figure ?
si c'est juste changer une image, passe un array des images au chargement de la page et modifies juste le src ...

Récupérer variables de javascript en php (Ajax)

JavaScript

Discussions similaires

Partager

Partager