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

Marsh Posté le 12-05-2009 à 09:45:28

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 :

<?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 :

<?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

Reply

Marsh Posté le 12-05-2009 à 09:45:28

Reply

Marsh Posté le 12-05-2009 à 09:57:38

Pourquoi tu passes pas par un paramètre GET standard ? [:manust]

Reply

Marsh Posté le 12-05-2009 à 10:00:33

Oui mais si je fais ça, ça va rafraichir la page à chaque fois,
Alors que là mon javascript quand je fais photo suivante, ça recharge pas la page.

Ou sinon je comprends mal ta réponse.
Tu ferais comment avec mon code là. Tu le placerais où le GET ? :-)

Reply

Marsh Posté le 12-05-2009 à 10:04:44

J'crois que j'ai pas tout pigé non plus

Reply

Marsh Posté le 12-05-2009 à 10:08:35

En fait, j'ai mon javascript qui quand j'appuie sur bouton suivant, change d'image (sans recharger la page). Si je veux récupérer ma variable dans mon script Javascript que je récupérer en php je dois le faire avec de l'ajax je pense (enfin ce que j'en ai lu sur le net).

Reply

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

Sujets relatifs:

Leave a Replay