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

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

Marsh Posté le 12-05-2009 à 09:44:49    

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 :
  1. <?php
  2. $random = '?'.rand();
  4. $pseudo = $_SESSION['pseudo'];
  5. setcookie('num_img', '1', (time() + 3600));
  6. $img='1';
  9. echo "<img src='images/$pseudo/Image 1.jpg$random' alt='' height=470 />";
  10. $x = 1;
  11. while( (file_exists("images/$pseudo/Image $x.jpg" )) && $x<7 )
  12. {
  13.  $x++;
  14. }
  15. $_SESSION['x'] = $x-1;
  16. include("changer_image.php" );
  17. ?>
  19. <form method="post" action ="" name="">
  20. <p>
  21. <table style="width:625px;border:1px solid Gray;border-radius: 40px 40px;-moz-border-radius: 50px;">
  22. <tr>
  23.  <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>
  25.  <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>
  27.  <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>
  29.  <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>
  31.  <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>
  32. </tr>
  33. </table>
  34. </p>
  35. </form>
  37. <!-- Lien pour ouvrir la pop-up avec comme paramètre le numéro de la photo pour insérer
  38. le commentaire avec la bonne photo -->
  39. <div style='text-align:center;'>
  40. <p style='font-size:15px;'>
  41.  <a href="javascript:OuvrirFenetre('popup_commetaire.php?Id_num_Article=<?php echo $numero_photo; ?>&photo=1','popup','width=500,height=400')">
  42.  Ajouter un commentaire
  43.  </a>
  44. </p>
  45. </div>


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

Code :
  1. <?php
  2. $random = '?'.rand();
  3. ?>
  4. <script LANGUAGE="JavaScript">
  5. // Variable qui stocke le nombre d'image de l'utilisateur
  6. varX="<?php echo $_SESSION['x'];?>";
  7. // Variable qui sert à ne pas conserver les mêmes images dû aux cookies.
  8. varRandom="<?php echo $random;?>";
  9. // Variable qui sert à savoir à quel image on en est
  10. varT=1;
  12. function getCookie(sName) {
  13.         var cookContent = document.cookie, cookEnd, i, j;
  14.         var sName = sName + "=";
  16.         for(var i=0,c=cookContent.length;i<c;i++) {
  17.                 j = i + sName.length;
  18.                 if(cookContent.substring(i, j) == sName) {
  19.                         cookEnd = cookContent.indexOf(";", j);
  20.                         if(cookEnd == -1) {
  21.                                 cookEnd = cookContent.length;
  22.                         }
  23.                         return decodeURIComponent(cookContent.substring(j, cookEnd));
  24.                 }
  25.         }     
  26.         return null;
  27. }
  29. function changer_image(signe)
  30. {
  31. comp=getCookie("num_img" );
  32. if (signe=='moins')
  33. {
  34.  varT--;
  35.  // Condition qui cache la prévisualisation précédente si on est à la photo 1.
  36.  if (parseInt(comp-1)>1)
  37.   document.getElementById('tgau').innerHTML='<input type="image" src="images/boutons/Bouton-precedent2.png" name="prec" onclick="changer_image(\'moins\')" />';
  38.  else
  39.   document.getElementById('tgau').innerHTML='';
  41.  // Variable pour remédier aux apostrophes.
  42.  varP="<?php echo $_SESSION['pseudo'];?>";
  43.  document.getElementById('image').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-1)+".jpg"+varRandom+"' alt='' height=470 />";
  44.  document.getElementById('gau').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-2)+".jpg"+varRandom+"' alt='' height=120 />";
  45.  document.getElementById('midd').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)-1)+".jpg"+varRandom+"' alt='' height=100 />";
  46.  document.getElementById('dro').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp))+".jpg"+varRandom+"' alt='' height=120 />";
  48.  if (parseInt(comp-1)<varX)
  49.   document.getElementById('tdro').innerHTML='<input type="image" src="images/boutons/Bouton-suivant2.png" name="next" onclick="changer_image(\'plus\')" />';
  50.  else
  51.   document.getElementById('tdro').innerHTML='';
  53.  document.cookie = 'num_img' +"=" + (parseInt(comp)-1)+ ";" ;
  54. }
  55. else
  56. {
  57.  varT++;
  58.  if (parseInt(comp+1)>1)
  59.   document.getElementById('tgau').innerHTML='<input type="image" src="images/boutons/Bouton-precedent2.png" name="prec" onclick="changer_image(\'moins\')" />';
  60.  else
  61.   document.getElementById('tgau').innerHTML='';
  62.  varP="<?php echo $_SESSION['pseudo'];?>";
  63.  document.getElementById('image').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+1)+".jpg"+varRandom+"' alt='' height=470 />";
  64.  document.getElementById('gau').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp))+".jpg"+varRandom+"' alt='' height=120 />";
  65.  document.getElementById('midd').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+1)+".jpg"+varRandom+"' alt='' height=100 />";
  66.  document.getElementById('dro').innerHTML="<img src='images/"+varP+"/Image "+(parseInt(comp)+2)+".jpg"+varRandom+"' alt='' height=120 />";
  68.  if ((parseInt(comp)+1)<varX)
  69.   document.getElementById('tdro').innerHTML='<input type="image" src="images/boutons/Bouton-suivant2.png" name="next" onclick="changer_image(\'plus\')" />';
  70.  else
  71.   document.getElementById('tdro').innerHTML='';
  73.  document.cookie = 'num_img' +"=" + (parseInt(comp)+1)+ ";" ;
  74. }
  75. return varT;
  76. }
  78. function init()
  79. {
  80. document.cookie = 'num_img' +"=1;" ;
  81. }
  82. </script>


 
 
Pour mieux voir ce que fait mon code, sur ma page j'ai ça :  
http://i61.servimg.com/u/f61/11/31/25/01/racup-10.jpg
 
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:44:49   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed