rollover en js

MystM · Message par **MystM** » 09 oct. 2004, 08:10

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 )

Code : Tout sélectionner

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

Message par **Malouk** » 09 oct. 2004, 09:43

Qu'est ce qui ne vas pas ?
Quand je fais copier/coller de ton code dans une page, ça m'a l'air de fonctionner !

MystM · Message par **MystM** » 09 oct. 2004, 13:11

pas moi :blink: decidemment

MystM · Message par **MystM** » 09 oct. 2004, 14:14

toujours quedal :blink:

http://windaide.free.fr/gne.rar

le pass, c'est la moto dont on parle souvent (si on peut appler ca une moto

)

Message par **Malouk** » 09 oct. 2004, 15:10

Je regarde à ça tout de suite

Message par **Malouk** » 09 oct. 2004, 15:14

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

MystM · Message par **MystM** » 09 oct. 2004, 18:04

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

merci

MystM · Message par **MystM** » 09 oct. 2004, 22:47

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

info-concpet sortira pas avant janvie :@

cedrix · Message par **cedrix** » 09 oct. 2004, 23:34

Connais pas ce mois là

Message par **Malouk** » 10 oct. 2004, 11:40

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 :

Code : Tout sélectionner

<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

MystM · Message par **MystM** » 10 oct. 2004, 13:58

Ohh magnifique

merci, beaucoup, beacoup, beacoup, etc..