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

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.

27/07/2007, 16h09	#3
dolf13 Nouveau Membre du Club Inscription : mai 2006 Messages : 175 Détails du profil Informations forums : Inscription : mai 2006 Messages : 175 Points : 30 Points : 30	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email