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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Récupérer variables de javascript en php (Ajax)

ozone--24

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

Publicité

FlorentG

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

ozone--24

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

FlorentG

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

ozone--24

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).

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Récupérer variables de javascript en php (Ajax)	[Menu déroulant / Javascript/ C# ]
Ajax ne marche pas sous firefox	[résolu] Récupérer résultat commande avec méthode run
php:récupérer des données d'une autre page	additionner les variables mais pas les valeurs
Récuperer une valeur d'un onData, parser un fichier srt
Plus de sujets relatifs à : Récupérer variables de javascript en php (Ajax)

Page générée en 0.079 secondes