18041 sujets

Questions générales et questions de débutants

Mouseover dynamique

Bonjour tout le monde

Je vous remercie d'avance de prendre quelques instants pour essayé de m'aider. D'entré de jeu, je dois avouer que je suis un vrai débutant, aucune formation académique. Ce que j'ai réussi à faire, je l'ai trouvé sur le web (forums, tutoriels, blog, etc...). Maintenant, j'essaie de mettre un peu de piquant sur ma page perso. Bref, entrons dans le vif du sujet.

J'ai une base de données MySQL et quelques pages PHP. J'ai une page php qui récupère des données de ma bd. Dans ma bd, j'ai un champs qui contient le nom d'une image. Je veux que que lorsque je passe sur une ligne précise, une image différente apparaisse.

exemple :

-------------------------------------------------------------------------------------------------------------------------
| ----------------------------------------------------------| > Photo 1 |
| ----------------------------------------------------------| > Photo 2 |
| -----------------------ici---------------------------------| > Photo 3 |
| -----------------------les---------------------------------| > Photo 4 |
| ---------------------images ------------------------------| > Photo 5 |
| ----------------------------------------------------------| > Photo 6 |
| ----------------------------------------------------------| > Photo 7 |
| ----------------------------------------------------------| > Photo 8 |
-------------------------------------------------------------------------------------------------------------------------

Voici mon lien affichant l'image

<!-- --><img src="images/image1.jpg" name="imagename" border="0"><!-- -->


voici mon appel mouseover

else if (!empty ($datarow[10] ) )
{
   $img2 = "\"images\\$datarow[10]\"";
   ?>
  <!-- --><a href="#" onMouseOver="document.imagename.src="<?php echo "$img2";?>"" onmouseout="document.imagename.src="images/image1.jpg""><?php echo "$datarow[8]";
					echo '<br>';
					echo "$datarow[9]";?></a><!-- -->
					<?php echo '<br>';


Ben voilà.

En espèrant avoir de l'aide.

Merci

PS.: J'ai vu que Chum avait posté quelque chose de similaire, mais je n'arrive pas à appliquer sa solution.
Modifié par pharaon_98 (11 Jun 2008 - 13:08)
Bonjour,

Le code suivant:
onmouseout="document.imagename.src="images/image1.jpg""

Sera interprété ainsi par les navigateurs:
onmouseout="document.imagename.src=" images/image1.jpg=""

Le premier attribut a une valeur incomplète, et le deuxième attribut (images/image1.jpg) ne sera pas reconnu, puisqu'il n'existe pas.

Tu cherchais sans doute à faire quelque chose comme ceci?
onmouseout="document.imagename.src='images/image1.jpg'"


Voilà pour une correction rapide. Cependant, ce système de galerie est très perfectible. En l'état, il est inutilisable sans Javascript, ou en navigant au clavier. Donc inaccessible pour une partie des visiteurs potentiels de ton site.
Merci pour votre réponse, toutefois, cela ne fonctionne pas plus... Je n'ai plus de message d'erreur IE, mais les images ne changent pas...

Alors, j'ai tenté une modif.

Mon Script


<!-- -->
<SCRIPT LANGUAGE="JAVASCRIPT">
if (document.imagename) {
image1 = new Image
image2 = new Image

image1.src = "images/image1.jpg"
image2.src = '<?php echo "$img2";?>'
}
</SCRIPT>
<!-- -->



Ligne affichant les images

<!-- --><img src="images/image1.jpg" name="imagename" border="0"><!-- -->



Appel mouseover

$img2 = "\"images\\$datarow[10]\"";
<!-- --><a href="#" onMouseOver="document.imagename.src=image2.src" onmouseout="document.imagename.src=image1.src"><?php echo "$datarow[8]";a><!-- -->


Maintenant, je reçois le message suivant :

Ligne       : 64
Caractère : 1
Erreur      : 'image1' est indéfinie
Code       : 0

et

Ligne       : 64
Caractère : 1
Erreur      : 'image2' est indéfinie
Code       : 0



Je vous remercie pour votre aide. C'est très apprécié.
Florent V. a écrit :
C'est moi ou normalement il y a un point-virgule à la fin de toute instruction JavaScript?

La syntaxe de JavaScript autorise l'absence de points virgules s'il y a un saut de ligne dans la plupart des cas, mais c'est en général une mauvaise idée, en effet.
Bon voilà, j'ai rajouté des ; comme suit :


<!-- -->
<SCRIPT LANGUAGE="JAVASCRIPT">
if (document.imagename) {
image1 = new Image;
image2 = new Image;

image1.src = "images/c_saumon.jpg";
image2.src = '<?php echo "$img2";?>';
}
</SCRIPT>
<!-- -->


Mais j'ai toujours le même message que précédemment...

Vous êtes très sympa de bien vouloir prendre du temps pour m'aider.
Sujet clos
Aller à