Sommaire  Sommaire

Ajouter cette page aux favoris

Cartes  Cartes
Portail  Portail
Géomatique  Géomatique
Informatique  Informatique
Télécharger  Télécharger
Emploi  Emploi

Personnaliser  Personnaliser
Jeux  Jeux
Forums  Forums
Livre d'or  Livre d'or

RC SIG & PGL  RC SIG & PGL
GeoRezo  GeoRezo
Georama  Georama




3.90.33.254
Web design
Daniel FAIVRE©
|

JavaScript "Rollover"

  English English 
Introduction
Le JavaScript "Switch"
 Introduction    
    L'une des fonctions les plus utilisées est certainement le "rollover", c'est à dire l'effet réactif d'un bouton au passage de la souris. C'est très utile pour créer des menus réactifs avec deux images par bouton: une "allumée" et une "éteinte". Il existe beaucoup de scripts pour faire ça: voici le plus simple. Vous pouvez recopier librement le code source ci-dessous pour ajouter cette fonction aux pages de votre site.
 Le JavaScript "Switch"
    Voici le code source à insérer dans la section <BODY> de votre page web pour changer une image au passage de la souris:
<SCRIPT LANGUAGE="JavaScript">
/* (c) 2001 freeware - no warranty - version ie5 - http://www.geomaticien.com */
function Switch(obj)
   {
   if (obj)
      {
      if (obj.src)
         {
         img = obj.src;
         if (obj.name)
            {
            obj.src = obj.name;
            obj.name = img;
            }
         }
      }
   }
</SCRIPT>
   Maintenant, il suffit d'insérer l'appel à la fonction Switch() pour rendre une image ou un lien réactifs, comme ceci:
<IMG SRC="image1.png" NAME="image2.png" BORDER=0 onmouseover="Switch(this);" onmouseout="Switch(this);">
   Ce qui donne: , , ou .