[PHP-JS] Syntaxe pour intégrer du javascript dans une page php

**dolf13** · 27/07/2007, 14h56

Bonjour,

J'essaie désespérément de faire marcher le code suivant afin de créer une gallerie photos avec des photos qui changent suivant les pages. En pratique je remplace les fichiers pr des variables. Voici le code qui se trouve sur ma page. Le code fonctionne très bien sur une page html mais dès que je l'ajoute dans du php plus rien ne se passe quand je clique pour afficher une image.

Dans <head>

Code :

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

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>

Dans <body>

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
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";

J'espère que vous serez me guider. Je débute en javascript et je ne vois pas d'où vient l'erreur. Merci de m'éclairer

**murlock** · 27/07/2007, 15h46

1/

Code :

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

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

pourquoi deja ne pas simplifier un peu ton code ?

Code :

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

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

2/ Tu ne fais aucun test dans ton javascript :

Code :

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

1
2
3
4
5
6
 
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  document.getElementById(pictureName).src = imageFile;
  document.getElementById(titleCaption).innerHTML=captionText;
}

par

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  try {
    document.getElementById(pictureName).src = imageFile;
    document.getElementById(titleCaption).innerHTML=captionText;
  } catch( e ) {
    alert("Une erreur est apparue");
  }
  return false;
}

3/ Essaye d'utiliser Firebug pour vérifier ton code/javascript ( http://www.getfirebug.com/ )

edit: ajout d'un retour false; dans la fonction onclic

**dolf13** · 27/07/2007, 16h09

Merci beaucoup pour ton aide. Les images changent quand je clique sur les liens malgré une erreur dans le navigateur

Voici l'erreur qui s'affiche

Ligne 21
Caractèrer 3
Erreur 'document.getElementById(...)' à la veleur null ou n'est pas un objet.

[PHP-JS] Syntaxe pour intégrer du javascript dans une page php

Langage PHP

Discussions similaires

Partager

Partager