Discussion :

[BigZ444]

Bonjour,

J'ai un petit problème pour faire discuter Javascript avec PHP.

J'ai dans un premier temps, une requête MySQL qui me remplis un Array avec des id provenant de ma base

Code :

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

1
2
3
4
5
$sql = 'SELECT id FROM photos WHERE id_galerie='.$id;
$req = mysql_query($sql);
while ($data = mysql_fetch_array($req)) {
      $ids[] = $data['id'];
}

Dans un 2ème temps, je dois appeler une fonction javascript nommée photo en lui passant 1 de mes id

Code :

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

1
2
 
echo '<script>photo('.$ids[0].')</script>';

Jusqu'à là, tout fonctionne, je lui passe le premier id donc celui qui est a la position 0 de mon Array.

Maintenant, j'aimerai mettre 2 boutons, "précédent" et "suivant" afin de faire défiler mes photos en parcourant mon Array, donc je pourrai appeler ma fonction photo() en faisant +1 et -1, mais je ne voit pas comment actualiser l'id d'affichage sur le onclick de précédent et suivant.

J'espère avoir été clair

Merci

[polkduran]

tout d'abord je pense que ton problème est au niveau de la compréhension du lien entre php et js. Php tourne du côté serveur et js du côté client, càd que ton php prépare tout ce qui va être envoyé au navigateur et une fois que tu es du côté client (exécution du js) tu peux plus te servir de ce que tu a fait en php.

Par contre ce que tu peux faire c'est de générer du js dynamiquement à partir de ton php, places-toi dans l'optique suivante : mon js ne peux plus accéder à ce qui a été fait en php (laissons le cas ajax à part), donc il faut que le js contienne en quelque sorte une copie en js de ce dont tu aimerais te servir mais qui est en php.

concrètement tu ferais comme ça :

Code :

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

1
2
3
4
5
6
7
8
 
$sql = 'SELECT id FROM photos WHERE id_galerie='.$id;
$req = mysql_query($sql);
$tabJs='var tabId = new Array();';
while ($data = mysql_fetch_array($req)) {
      $ids[] = $data['id'];
      $tabJs.= 'tabId.push(\''.$data['id'].'\');';
}

$tabJs contient une chaîne de caractères qui correspond à la déclaration et au remplissage d'un tableau en js de tes ids de php.
ce qui donnerai en js

Code :

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

1
2
3
4
5
 
var tabId = new Array();
tabId.push('1');
tabId.push('2');
...

après il faut en fait que tu gardes en mémoire dans quel indice de ton tableau en js tu te trouves

Code :

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

1
2
 
var indice = 0;

étant donné que ta fonction photo reçoit un id de la photo tu peux faire deux fonctions pour afficher la photo suivante et précédente

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
 
function nextPhoto(){
    //on vérifie qu'on ne va pas au delà de la limite du tableau
    if(indice == tabId.length-1)
        return;
    indice++;
    photo(tabId[indice]);
}
 
function prevPhoto(){
    //on vérifie qu'on n'est pas déjà à la première photo
    if(indice ==0)
        return;
    indice--;
    photo(tabId[indice]);
}

C'est vrai qu'il n'est pas évident de voir la limite entre le php et le js quand on n'a pas l'habitude car quand on code on code tout (php,js) au même temps

j'espère que ca te servira
bon code

[BigZ444]

Merci beaucoup pour cette réponse très claire !

Je vais continuer a creuser avec ces nouveaux éléments.