[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?