[PHP-JS] Intégrer un code javascript dans du php

Version imprimable

Bonjour,

Voilà j'ai ce code qui me permert de créer une galerie photos

Dans <head>

Code:

1
2
3
4
5
6
7
8
<script language="JavaScript">
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  document.getElementById(pictureName).src = imageFile;
  document.getElementById(titleCaption).innerHTML=captionText;
}
</script>
</head>

Dans <body>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<table border="0" cellpadding="2">
<tr>
<td><img style="border: 1px black solid" alt="Photo gallery" src="img/logo.gif" id="Gallery2" width="201" height="201"><br>
<div id="Caption2">text captation<div></div></div>
<td>
<ol>
<li><a href="#_self" onclick="LoadGallery('Gallery2','img/logo.gif','GalleryCaption2','text captation')"><img src="img/logo.gif" width="50" height="50"></a></li>
<li><a href="#_self" onclick="LoadGallery('Gallery2','img/img2.jpg','GalleryCaption2','text cap 2')"><img src="img/img2.jpg" width="50" height="50"></a></li>
<li><a href="#_self" onclick="LoadGallery('Gallery2','img/logo3.gif','GalleryCaption2','text 3')"><img src="img/logo3.gif" width="50" height="50"></a></li>
 
						</ol>
					</td>
 
				</tr>
			</table>

Ca fonctionne très bien par contre quand j'essaie de l'insérer dans du PHP ça ne marche plus. J'ai laissé le même code dans <head> et dans <body> j'ai ce code là:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
echo "<table>"."\n";
echo "<tr>"."\n";
echo "<td>";
echo "<img style=\"border: 1px black solid\" alt=\"Photo gallery\" src=\"img/logo.gif\" id=\"Gallery2\" width=\"201\" height=\"201\"></td>\n";
echo "<div id="Caption2">text captation<div></div></div>\n";
echo "<td>\n";
echo "<ol>\n";
 
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\"Gallery2\",\"img/photo1.gif\")\">Text 1</a></li>\n";
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\"Gallery2\",\"img/photo2.gif\")\">Text 2</a></li>\n";
 
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\"Gallery2\",\"img/photo3.gif\")\">Text 3</a></li>\n";
 
echo "</ol>\n";
echo "</td>\n";
echo "</tr>\n";
echo "</table>\n";

Merci d'avance pour votre aide

27/07/2007, 09h52
SpaceFrog

pas grand chose à voir avec javascript ...
ça relève de la syntaxe php

heu pourquoi as tu besoin de faire des echo de toutes les lignes ?
27/07/2007, 11h43
dolf13

Citation:

Envoyé par SpaceFrog

pas grand chose à voir avec javascript ...
ça relève de la syntaxe php

heu pourquoi as tu besoin de faire des echo de toutes les lignes ?

Mais quand je clique sur le lien et que l'image ne change pas le problème vient du javascript ou du php?

En fait photo1, 2 et 3 sont des variables que je vais chevrcher dans la base suivant la page que j'affiche.
27/07/2007, 11h45
Matthieu2000

Citation:

onclick=\"LoadGallery(\"Ga

->remets les '

Code:

onclick=\"LoadGallery(\'Ga

pour les autres aussi...

Citation:

Envoyé par Matthieu2000

->remets les '

Code:

onclick=\"LoadGallery(\'Ga

pour les autres aussi...

Merci je pense avoir changé ce qu'il fallait mais ça ne marche toujours pas. Quand je clique sur les liens pour affcher les images RIEN

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<head>
....
<script language="JavaScript">
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  document.getElementById(pictureName).src = imageFile;
  document.getElementById(titleCaption).innerHTML=captionText;
}
</script>
</head>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
echo "<table>"."\n";
echo "<tr>"."\n";
echo "<td>";
echo "<img style=\"border: 1px black solid\" alt=\"Photo gallery\" src=\"img/logo.gif\" id=\"Gallery2\" width=\"201\" height=\"201\"><br>\n";
echo "<div id=\"Caption2\">text captation<div></div></div>\n";
echo "<td>\n";
echo "<ol>\n";
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\'Gallery2\',\'img/logo.gif\',\'GalleryCaption2\',\'Texte 1\')\">Text 1</a></li>\n";
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\'Gallery2\',\'img/flag_france.gif\',\'GalleryCaption2\',\'Texte 2\')\">Text 2</a></li>\n";
 
echo "<li><a href=\"#_self\" onclick=\"LoadGallery(\'Gallery2\',\'img/arrow-ff6600-left.gif\',\'GalleryCaption2\',\'Texte 3\')\">Text 3</a></li>\n";
 
echo "</ol>\n";
echo "</td>\n";
echo "</tr>\n";
echo "</table>\n";

Je débute en javascript mais je ne vois vraiment pas ce qui cloche

27/07/2007, 14h14
Matthieu2000

Citation:

><a href=\"#_self\" onclick=\"LoadGallery

remplace le par

Citation:

><a href=\"javascript:LoadGallery

...
27/07/2007, 14h28
dolf13

Désolé mais ca ne fonctionne toujours pas

Code:

echo "<li><a href=\"javascript:LoadGallery(\'Gallery2\',\'img/logo.gif\',\'GalleryCaption2\',\'Texte 1\')\">Text 1</a></li>\n";

Est ce que je ne devrais pas intégrer la fonction dans body?
27/07/2007, 14h30
dolf13

je suis sur que le code marche car je l'ai testé sur une page html sans l'intégrer au php.
27/07/2007, 18h02
SpaceFrog
je réitère ... pourquoi des echo partout ?
Code:

1 2 3 4 <div> <?php echo 'ici texte du div' ?> </div>
ça permettrait d'éviter d'avoie à tout échapper ...