Index du forum » //// INFORMATIQUE //// » LANGAGE JAVASCRIPT

 


Poster un nouveau sujet Répondre au sujet
Auteur Message
Nouveau messagePosté: 19 Déc 2015 17:58
  

Avatar de l’utilisateur
Administrateur et fondateur du site
Administrateur et fondateur du site

Inscription: 07 Mar 2014 23:26
Messages: 108
Localisation: 92000 NANTERRE - FRANCE
Prénom: Daniel
2. - Les Événements liés d'une Carte Cliquable Animée


Nous mettons ici les deux codes HTML et JavaScript comme ci-après :

Code:
Exemple d'utilisation d'une carte cliquable animée :

<HTML>

           <HEAD>

               <TITLE> Image cliquable anim&eacute;e </TITLE>

                    <SCRIPT LANGUAGE="JavaScript">

                    /* Le code situé entre ce commentaire et la fonction "AFFICHE" est exécuté au chargement de la page */

                    /* Création des images */

                    menu0 = new Image();

                    menu1 = new Image();

                    menu2 = new Image();

                    menu3 = new Image();

                    menu4 = new Image();

                    menu5 = new Image();

                    menu6 = new Image();

                    /* Chargement des images dans le cache */

                    menu0.src ="images/Zone_0.png"

                    menu1.src ="images/Zone_1.png"

                    menu2.src ="images/Zone_2.png"

                    menu3.src ="images/Zone_3.png"

                    menu4.src ="images/Zone_4.png"

                    menu5.src ="images/Zone_5.png"

                    menu6.src ="images/Zone_6.png"

                    function affiche (num) {

                    /* Fonction appelée par les événements onMouseOver et onMouseOut */

                    if (num == "0") document.images[0].src = menu0.src;

                    else if (num == "1") document.images[0].src = menu1.src;

                    else if (num == "2") document.images[0].src = menu2.src;

                    else if (num == "3") document.images[0].src = menu3.src;

                    else if (num == "4") document.images[0].src = menu4.src;

                    else if (num == "5") document.images[0].src = menu5.src;

                    else if (num == "6") document.images[0].src = menu6.src;

                    }

                    </SCRIPT>

           </HEAD>

            <BODY BGCOLOR="#000000" link="#FF0000" alink="#FFFF00" vlink="#00FF00">

            <BR> <BR>

            <font color="#00FFFF"> <H2> <CENTER> SOMMAIRE MENU ANIMÉ </CENTER> </H2> </font>

            <BR>

            <p> <CENTER> <A HREF="Sommaire_HTML_Programmes.html"> RETOUR AU SOMMAIRE HTML</A> </CENTER> </p>

            <BR> <BR>

            <MAP NAME="Images_Animees">

            <AREA SHAPE="rect" coords="19,4,160,31" href="Chemin_1.html" TITLE="Cliquez ici" onMouseOver="affiche(1)" onMouseOut="affiche(0)">

            <AREA SHAPE="rect" coords="21,45,180,70" href="Chemin_2.html" TITLE="Cliquez ici" onMouseOver="affiche(2)" onMouseOut="affiche(0)">

            <AREA SHAPE="rect" coords="11,105,228,87" href="Chemin_3.html" TITLE="Cliquez ici" onMouseOver="affiche(3)" onMouseOut="affiche(0)">

            <AREA SHAPE="rect" coords="22,120,330,140" href="Chemin_4.html" TITLE="Cliquez ici" onMouseOver="affiche(4)" onMouseOut="affiche(0)">

            <AREA SHAPE="rect" coords="25,155,430,175" href="Chemin_5.html" TITLE="Cliquez ici" onMouseOver="affiche(5)" onMouseOut="affiche(0)">

            <AREA SHAPE="rect" coords="25,200,423,215" href="Chemin_6.html" TITLE="Cliquez ici" onMouseOver="affiche(6)" onMouseOut="affiche(0)">

            </MAP>

            <IMG SRC="images/Zone_0.png" USEMAP="#Images_Animees" border="0">

       </BODY>

</HTML>


Nous avons créé six pages HTML dont le contenu du code est le même pour toutes les pages, sauf le titre qu'il faudra "changer dans vos travaux, si vous faites des essais dans ce genre" ou que vous avez l'attention d'en faire un ou plusieurs sites selon votre guise. . . .

Voir l'aperçu à l'adresse ci-contre : http://electronique-et-informatique.fr/Electronique-et-Informatique/HTML_et_Programmes/Apercu_2_Menu_Anime.html

_________________
Image

"L'amitié double les joies et réduit de moitié les peines."

Daniel ROBERT


          Haut  
 
 
Poster un nouveau sujet Répondre au sujet



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité


Afficher les messages postés depuis:  Trier par  
Aller à:  

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers


cron
Daniel ROBERT Site Association Electronique et Informatique © Tous droits réservés
Michèle SCHIBENY Site Association Artistique et Boutique Inclinations © Tous droits réservés

Powered by phpBB © phpBB Group.
Designed by Vjacheslav Trushkin for Free Forums/DivisionCore.
Traduction par: phpBB-fr.com