Notifications
Retirer tout

rollover en js

11 Posts
3 Utilisateurs
0 Reactions
899 Vu
MystM
Posts: 1364
Initiateur du sujet
(@mystm)
Membre noble
Inscription: Il y a 22 ans

alors là, je comprend pas du tout !

là : ca marche
<html>

<head><script LANGUAGE="JavaScript" >
<!--
image1=new Image
image1.src="images/m_hardware.gif"
image2=new Image
image2.src="images/m_software.gif"
//-->
</SCRIPT></head>
<body>

<A href="fichier_destination.htm" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" ">
<IMG src="images/m_hardware.gif"  border="0" name="imagea"></A>

<A href="fichier_destination.htm" onMouseOver="document.imageb.src="image1.src"" onMouseOut="document.imageb.src="image2.src" ">
<IMG src="images/m_software.gif"  border="0" name="imageb"></A>
</body>
</html>

là : ca marche plus, et A U C U N E idee du pourquoi :blink: (et c'est tres chiant )
<html><head><script LANGUAGE="JavaScript" >
<!--
image1=new Image
image1.src="images/m_accueil.gif"
image2=new Image
image2.src="images/m_accueil2.gif"
image3=new Image
image3.src="images/m_antivirus.gif"
image4=new Image
image4.src="images/m_antivirus2.gif"
image5=new Image
image5.src="images/m_boutique.gif"
image6=new Image
image6.src="images/m_boutique2.gif"
image7=new Image
image7.src="images/m_liens.gif"
image8=new Image
image8.src="images/m_liens2.gif"
image9=new Image
image9.src="images/m_forum.gif"
image10=new Image
image10.src="images/m_forum2.gif"
image11=new Image
image11.src="images/m_logitheque.gif"
image12=new Image
image12.src="images/m_logitheque2.gif"
image13=new Image
image13.src="images/m_hardware.gif"
image14=new Image
image14.src="images/m_hardware2.gif"
image15=new Image
image15.src="images/m_internet.gif"
image16=new Image
image16.src="images/m_securite.gif"
image17=new Image
image17.src="images/m_securite2.gif"
image18=new Image
image18.src="images/m_software.gif"
image19=new Image
image19.src="images/m_software2.gif"
image20=new Image
image20.src="images/m_reseaux.gif"
image21=new Image
image21.src="images/m_reseaux2.gif"
image22=new Image
image22.src="images/m_reseaux.gif"
image23=new Image
image23.src="images/m_windows.gif"
image24=new Image
image24.src="images/m_windows2.gif"
//-->
</SCRIPT></head><body><table border="0" summary=""><tr><td> </td></tr>

<tr>
 <td width="70" height="25"></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image4.src"" onMouseOut="document.imagea.src="image3.src" "><IMG src="images/m_antivirus.gif"  border="0" name="imagea"></A></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image6.src"" onMouseOut="document.imagea.src="image5.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
<td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image8.src"" onMouseOut="document.imagea.src="image7.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
<td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image10.src"" onMouseOut="document.imagea.src="image9.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
<td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
</tr>
<tr><td width="70" height="25"></td>
 <td width="141" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
 <td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
<td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
<td width="140" height="25"><A href="" onMouseOver="document.imagea.src="image2.src"" onMouseOut="document.imagea.src="image1.src" "><IMG src="images/m_accueil.gif"  border="0" name="imagea"></A></td>
</tr>

</table>
 </body></html>

qu'est ce qui foire qui fait que ca ne reagit plus ?

10 Réponses
Malouk
Posts: 6354
Admin
(@malouk)
Membre illustre
Inscription: Il y a 23 ans

C'est OK chez moi :refle:

Les liens ne pointent sur aucunes pages (on reste sut l'accueil), mais c'est logique vu que le href est vide !
Pour le reste, pas d'erreur sur la page, et les boutons réagissent bien 🙂

Répondre
MystM
Posts: 1364
Initiateur du sujet
(@mystm)
Membre noble
Inscription: Il y a 22 ans

bon, tant que ca fonctionne, ok, mais c'est quand même bizare cette histoire

merci 😉

Répondre
MystM
Posts: 1364
Initiateur du sujet
(@mystm)
Membre noble
Inscription: Il y a 22 ans

ah bah non, a mon avis tu as pas compris, l'image doit changer lorsque l'on passe dessus malouk, essaie avec le truc que je t'ai filé pour voir, ca change pas, même cedrix le dit

decidemment :angry:

info-concpet sortira pas avant janvie :@

Répondre
Posts: 968
(@cedrix)
Membre noble
Inscription: Il y a 21 ans

Connais pas ce mois là

Répondre
Malouk
Posts: 6354
Admin
(@malouk)
Membre illustre
Inscription: Il y a 23 ans

Ok je vois !

Ca doit venir des déclarations entre <head> et </head> ! Ce genre de truc, c'est à utiliser dans du html. Dans du php, laisse tomber

Supprime les déclarations entre les balises <head> et </head>, et modifie ton code comme ceci :

<td width="140" height="25"><A href="http://SITE/index.php"><img src="images/m_accueil.gif" border="0" width="131" height="17" onMouseover="this.src='images/m_accueil2.gif'" onMouseout="this.src='images/m_accueil.gif'"></A></td>

J'ai testé, et ça marche 🙂

Répondre
Page 2 / 3
Retour en haut