[PHP-JS] Question OnMouseover avec PHP

Version imprimable

Bonjour,

j'ai une petite question, si quelq'un pourrait m'aider se serait très sympa.
En effet, j'ai le code source suivant:
Code:

1 2 3 4 while(list($projet) = mysql_fetch_array($result)) { echo '<a href="'.$projet.'/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage()"><img name="'.$projet.'" border="0" src="projets/'.$projet.'/ext_off.jpg" /></a> <br>'; }
ça m'affiche les photos, mais je n'ai pas d'évènement onMouseover
si maintenant j'introduis les infos concernant le swapImage, la page cess de fonctionner, et il y a une page blanche qui s'affiche. Après introduction des infos pour le swapImage j'ai le code suivant:
Code:

1 2 3 4 while(list($projet) = mysql_fetch_array($result)) { echo '<a href="'.$projet.'/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(''.$projet.'','','projets/'.$projet.'/ext.jpg',1)"><img name="'.$projet.'" border="0" src="projets/'.$projet.'/ext_off.jpg" /></a> <br>'; }
merci à l'avance de vos réponses

Mise à jour du code source

Rebonjour,

entre temps j'ai changé le code pour n'utiliser qu'un script dans le onmouseover event, mais ça ne marche toujours pas :cry:
le code est donc le suivant:
Code:

1 2 3 4 5 6 while(list($projet) = mysql_fetch_array($result)) { echo '<a href="'.$projet.'/index.php" onMouseOut="document.'.$projet.'.src='.$projet.'/ext_off.jpg" onMouseOver="document.'.$projet.'.src='.$projet.'/ext.jpg"><img alt="'.$projet.'" name="'.$projet.'" border="0" src="'.$projet.'/ext_off.jpg" /></a> <br>'; }
merci de vos réponses à l'avance

03/03/2007, 01h27
Sub0

Salut et bienvenue dans les forums de Developpez.com ! ;)

Citation:

• Merci de chercher un peu avant de poster dans le forum...
• Chercher une réponse dans la FAQ PHP
• Google.fr est votre ami!
• Ne poster qu'en dernier recours!
• Merci de choisir un titre clair et explicite!
• Merci de ne pas créer un nouveau topic pour chaque question d'un même sujet!
• Ajouter le tag [résolu] lorsque le sujet est terminé.

• Merci de lire et de respecter les règles du forum!

ps : Je donne systématiquement ce message aux nouveaux venus.

Tu dois passer l'objet à ta fonction javascript MM_swapImgRestore avec this en paramètre :

Code:

MM_swapImgRestore(this);

Dans le code de ta fonction, tu dois récupérer ce paramètre pour spécifier l'objet qui est traîté, en l'occurence, ton hyperlien, par exemple :
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function MM_swapImgRestore(obj){ alert(obj.name); } </script> <a href="" onMouseOut="MM_swapImgRestore(this);" name="l1">lien1</a> <br/> <a href="" onMouseOut="MM_swapImgRestore(this);" name="l2">lien2</a> <br/>

Merci d'avoir répondu, et désolé pour mes fautes.

J'ai regardé votre message, j'ai essayé des trucs, mais je n'arrive pas à faire marcher ce truc. Maintenant j'ai essayé ce qui suit pour faire référence à vos recommandations:
Code:

1 2 3 4 5 6 7 8 9 10 11 while(list($projet) = mysql_fetch_array($result)) { echo '<a href="'.$projet.'/index.php"><img alt="'.$projet.'" name="'.$projet.'" border="0" src="'.$projet.'/ext_off.jpg" onMouseOver="this.src='.$projet.'/ext.jpg" onMouseOut="this.src='.$projet.'/ext_off.jpg"></a> <br>'; }
:?

Je comprend pas, ton code devrait fonctionner...
Es-tu sûr de l'existence des images et des dossiers ?
Sinon, essaye celui-ci peut-être :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
function MyMouseOver(obj,path){
  obj.src=path+'/ext.jpg';
}
function MyMouseOut(obj,path){
  obj.src=path+'/ext_off.jpg';
}
</script>
<?php
 
while($projet = mysql_fetch_array($result)){
  $proj=stripslashes($projet[0]);
  echo '<a href="'.$proj.'/index.php">'.
       '<img alt="'.$proj.'" name="'.$proj.'" border="0" '.
       'src="'.$proj.'/ext_off.jpg" '.
       'onmouseover="MyMouseOver(this, '.$proj.');" '.
       'onmouseout="MyMouseOut(this, '.$proj.');" '.
       '/></a> <br/>';
}
?>

03/03/2007, 11h58
newbiemac

Oui je suis sûr de l'existance de ces images.
Votre code semble déjà marcher mieux mais il reste un problème.
Maintenant il affiche non seulement les ext_off.jpg au démarrage de la page, mais en plus il veut les changer lors du OnMouseOver mais alors il ne trouve rien et lors du OnMouseOut il ne revient pas non plus aux ext_off.jpg

ce truc me rend fou :(
03/03/2007, 13h52
Sub0
Citation:

Envoyé par newbiemac

non seulement les ext_off.jpg au démarrage de la page

remplace le nom de l'image de démarrage :
Code:

1 2 3 4 echo '<a href="'.$proj.'/index.php">'. '<img alt="'.$proj.'" name="'.$proj.'" border="0" '. 'src="'.$proj.'/ext.jpg" '. ...
Pour le reste, je ne vois pas...

Essaye comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
function MyMouseOver(obj,path){
  obj.src=path+'/ext.jpg';
}
function MyMouseOut(obj,path){
  obj.src=path+'/ext_off.jpg';
}
</script>
<?php

while($projet = mysql_fetch_array($result)){
  $proj=stripslashes($projet[0]);
  echo '<a href="'.$proj.'/index.php">'.
       '<img alt="'.$proj.'" name="'.$proj.'" border="0" '.
       'src="'.$proj.'/ext.jpg" '.
       'onmouseover="MyMouseOver(this, \''.$proj.'\');" '.
       'onmouseout="MyMouseOut(this, \''.$proj.'\');" '.
       '/></a> <br/>';
}
?>

03/03/2007, 14h15
newbiemac

Wow merci beaucoup, ça marche maintenant. Ah je n'aurai pas essayé comme ça. :D
Un gros gros merci!!!
Ce sont toujours les petits trucs qui font la différence.

Merci bcp.

PS: Est-il possible de faire un preload des images?