La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Les rollovers, ça marche pas
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Les rollovers, ça marche pas  (Lu 565 fois)
Les rollovers, ça marche pas
« sur: le 27-03-2005 a 16:37:39 »
eirwan
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 1





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bon alors je suis un débutant, et je lis que les rollovers sont pourtant assez simples à mettre en place...
J'ai pris le code dans un livre, "JavaScript, DHTML & CSS".
J'ai fait comme marqué ds le livre, et pourtant les rollovers de ma barre de navigation ne fonctionnent toujours pas...
Bon je vous envoie le code :
Dans la partie head, j'ai placé
Code:

<SCRIPT LANGUAGE="JavaScript">
//Création des objets image
if (document.images)
{   AccueilOn=new Image(144, 46)
   AccueilOn.src="images/Liens/AccueilOn.jpg"
   
   AccueilOff=new Image(144, 46)
   AccueilOff.src=images/Liens/AccueilOff.jpg"
   
   VideosOn=new Image(144, 46)
   VideosOn.src="images/Liens/VideosOn.jpg"
   
   VideosOff=new Image(144,46)
   VideosOff.src="images/Liens/VideosOff.jpg"
   
   TrombinoscopeOn=new Image(144, 46)
   TrombinoscopeOn.src="images/Liens/TrombinoscopeOn.jpg"
   
   TrombinoscopeOff=new Image(144, 46)
   TrombinoscopeOff.src="images/Liens/TrominoscopeOff.jpg"
   
   ContactOn=new Image(144, 46)
   ContactOn.src="images/Liens/ContactOn.jpg"
   
   ContactOff=new Image(144, 46)
   ContactOff.src="images/Liens/ContactOff.jpg"
   
   LiensOn=new Image(144, 46)
   LiensOn.src="images/Liens/LiensOn.jpg"
   
   LiensOff=new Image(144, 46)
   LiensOff.src="images/Liens/LiensOff.jpg"   
}
// Fonctions pour les rollovers
function on(pic)
{ if (document.images)
   { document.images[pic].src = eval(pic + "On.src")
   }
}

function off(pic)
{ if (document.images)
   { document.images[pic].src = eval(pic+ "Off.src")
   }
}
</SCRIPT>

Et j'ai aussi placé les gestionnaires d'évènement
Code:

<a target="principal" href="accueil.htm"
   onMouseOver="on(Accueil);
   windows.status='Accueil';
   return true;"
   onMouseOut="off(Accueil);
   windows.status=' ';
   return true;">
   <img border="0" src="images/Liens/AccueilOff.jpg"
   width="144" height="46" border=0 name="Accueil"></a>
   
<a target="principal" href="videos.htm"
   onMouseOver="on(Videos);
   windows.status='Vidéos';
   return true;"
   onMouseOut="off(Videos);
   windows.status=' ';
   return true;">
   <img border="0" src="images/Liens/VideosOff.jpg"
   width="144" height="46" border=0 name="Videos"></a>
   
<a target="principal" href="trombinoscope.htm"
   onMouseOver="on(Trombinoscope);
   windows.status='Trombinoscope';
   return true;"
   onMouseOut="off(Trombinoscope);
   windows.status=' ';
   return true;">
   <img border="0" src="images/Liens/TrombinoscopeOff.jpg"
   width="144" height="46" border=0 name="Trombinoscope"></a>
   
<a target="principal" href="contacts.htm"
   onMouseOver="on(Contact);
   windows.status='Contact';
   return true;"
   onMouseOut="off(Contact);
   windows.status=' ';
   return true;">
   <img border="0" src="images/Liens/ContactOff.jpg"
   width="144" height="46" border=0 name="Contact"></a>
   
<a target="principal" href="liens.htm"
   onMouseOver="on(Liens);
   windows.status='Liens';
   return true;"
   onMouseOut="off(Liens);
   windows.status=' ';
   return true;">
   <img border="0" src="images/Liens/LiensOff.jpg"
   width="144" height="46" border=0 name="Liens"></a></p>

Bon alors voilà si jamais il manque quelque chose dites-le moi s'il vous plaît ou si quelque chose n'est pas correct signalez-le moi, parce que je suis dans le brouillard
Merci

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg