Discussion :

[zeroara]

Bonjour

mon probl�me est le suivant :
je dispose d'un tableau associatif php et j'aurai voulu savoir si lors de l'ex�cution d'une fonction java script il �tait possible de faire passer une variable java script comme indice.

Je vous joint le code si dessous pour �tre plus clair :

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
<div id='gallery'>
 
 
		<script language="javascript">
 
		function ChangeImage(i) {
 
			 var image = "<?php $tableau["+i+"]['nomFichier']; ?>"
			 alert(image)
			 alert(i)
		}
		</script> 
 
 
 
<?php 
echo "<em id='miniImages'>";	
 
if(isset($_GET['page']) )
{
		$i = $_GET['page'];
}
else // Sinon
{
     $i= 0;  
}
$j = 0;
while ($j <= $nb && $i <= $total-1 ){
		echo "
					<img id='img' onClick=\"ChangeImage(".$i.");\" src='upload/".$images[$i]['nomFichier']."' WIDTH=50px  />&nbsp;";
$j++;
$i++;
}

la fonction ChangeImage est bien appel� car le alert(i) me retourne bien l'indice (il ne marche que quand les deux premi�re ligne de la fonction sont en commentaire).

J'ai lus dans la fac qu'on pouvait convertir un tableau associatif php en tableau javas sript mais cela semblait difficile voila pourquoi je demande si une solution de ce genre existe.

Merci d'avance

[sebhm]

Bonjour,

le PHP s'execute avant que ta page ne soit charg�e.
Le Javascript apres.

Donc impossible de lancer une instruction PHP dans ta fonction en Javascript.
Pour t'en persuader, regarde le code source de ta page HTML g�n�r�e.

Si tu veux utiliser un tableau existant en PHP dans ton code Javascript, il faudra convertir ton tableau PHP en Javascript lors du chargement de ta page, donc comme c'est dit dans la FAQ.
Tu trouveras �galement plein de posts l� dessus en utilisant la fonction Rechercher

[zeroara]

d'accord merci de r�pondre si vite � mon interrogation.

Je verrais �a cette apr�s midi en esp�rant que �a fonctionne.

[micetf]

Bonjour,

Est-ce que la boucle while qui g�n�re les balises img
avec un id="img" ne risque pas de poser probl�me ?
L'attribut id est cens� �tre unique sur une page.

Personnellement,
je ne connais pas la finalit� de la fonction changeImage(),
mais j'aurais fait en sorte que la boucle while g�n�re des balises img
avec des attributs id num�rot�s (img0,img1,...),

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
while ($j <= $nb && $i <= $total-1 ){
  echo '<img id="img'.$i.'" onClick="ChangeImage('.$i.');" src="upload/'.$images[$i]['nomFichier'].'" width="50px"  />&nbsp;';
  $j++;
  $i++;
}

Ainsi, dans la fonction changeImage(i),
j'acc�derais aux attributs de ces balises
grace � la m�thode document.getElementById.
Par exemple, pour avoir le nom du fichier image :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('img'+i).src;

La construction d'un tableau javascript ne serait alors peut-�tre plus n�cessaire.

Fred

[zeroara]

en fait c'est une galerie la boucle sert � g�n�r� des miniatures des images de la galerie et la fonction changeImage sert a r�cup�r� l'indice de l'image sur laquelle on clic pour l'afficher (avec diverse info comme sont nom, description ...)

si tu pense que ton id�e est toujours une bonne option pourrais tu l'expliquer un peu plus je ne l'ai pas totalement compris


edit : j'ai utilis� json et �a marche malheureusement lorsque je fais un document.write il me change de page pour m'afficher ce qu'il faut sur une page blanche.

[micetf]

Je pensais � quelque chose de ce type :

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
 
<script language="javascript">
function ChangeImage(i) {
	 var image = document.getElementById('img'+i);
   document.getElementById('image').src=image.src;
   document.getElementById('image').alt=image.alt;
   document.getElementById('no').innerHTML=i;
   document.getElementById('titre').innerHTML=image.title;
}
</script> 
 
<div  style="text-align:center;">	
<h1>Miniatures avec toutes les infos nécessaires<br/>(nom, description)</h1> 
<p>
<?php 
$images = array(
  array('oiseau','magnifique photo d\'un oiseau'),
  array('chien','magnifique photo d\'un chien'),
  array('chat','magnifique photo d\'un chat'),
  array('lapin','magnifique photo d\'un lapin')
  );
foreach ($images as $iImg => $image){
?>
<img id="img<?php echo $iImg; ?>" onClick="ChangeImage(<?php echo $iImg; ?>);" src="upload/<?php echo $image[0].'.png'; ?>" alt="<?php echo $image[0]; ?>"  title="<?php echo $image[1]; ?>" width="50px" style="cursor:pointer;" />&nbsp;
<?php 
}
?>
</p>
 
 
 
<h1>Agrandissement de l'image choisie avec sous-titrage<br/>(Mis à Jour par la fonction ChangeImage())</h1>
<h2><img id="image" src="" alt="" width="200px" /></h2>
<p style="background-color:yellow;">Image n° <span id="no"></span> - Titre = <span id="titre"></span></p>
</div>
 
<script type="text/javascript">ChangeImage(0);</script>

Fred