IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

onmouseOver inactif


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti Avatar de youlikeit
    Homme Profil pro
    Indépendant
    Inscrit en
    Octobre 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Indépendant

    Informations forums :
    Inscription : Octobre 2013
    Messages : 36
    Par défaut onmouseOver inactif
    C'est si simple pour certains, mais personnellement je n'arrive pas à savoir pourquoi ce code la ne fonctionne pas dans ma page (ie) !


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div>
    <img src="images/france/carte_france_base.png" width="492" height="533" usemap="#map"/>
    <map name="map">
    <area title="Alsace" onmouseover="affiche('images/france/carte_france_1.png')" onmouseout="affiche('images/france/carte_france_base.png')" width="492" height="533" href="#" shape="poly" coords="383,88,381,92,372,93,367,89,361,92,364,98,369,99,371,108,365,114,370,124,362,146,370,149,366,154,369,161,378,162,385,157,381,151,385,122,397,96,397,89,385,87" alt="Alsace"/>
    </map>
    </div>
    Si vous avez une petite idée

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Pourquoi mettre un name map, cela peut prêter à confusion.

    il y à quoi dans ta fonction affiche, si elle existe.

  3. #3
    Membre averti Avatar de youlikeit
    Homme Profil pro
    Indépendant
    Inscrit en
    Octobre 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Indépendant

    Informations forums :
    Inscription : Octobre 2013
    Messages : 36
    Par défaut
    C'est bien là que le bas blesse !

    J'ai bien cherché sur moult sites et sur des bouquins, je n'ai pas trouvé les syntaxes de la classe "action" style :
    • affiche
    • affiche_image
    • src
    • etc...


    rien de bien précis !!!

  4. #4
    Membre confirmé
    Homme Profil pro
    Code Addict
    Inscrit en
    Janvier 2013
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Code Addict

    Informations forums :
    Inscription : Janvier 2013
    Messages : 61
    Par défaut
    De quelle classe action parles-tu ?

  5. #5
    Membre averti Avatar de youlikeit
    Homme Profil pro
    Indépendant
    Inscrit en
    Octobre 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Indépendant

    Informations forums :
    Inscription : Octobre 2013
    Messages : 36
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <img onmouseover="this.src='http://etc.jpg'" onmouseout="this.src='http://etc2.jpg'" alt="Retour à l'accueil" src="http://etc.jpg">
    par exemple là c'est le "this.src..."

    ou encore écrit comme cela:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
     <area onmouseover="ShowPic(this.href)" href="badkamer3.jpg" alt="Badkamer" shape="rect" coords="64, 15, 127, 70">
     <area onmouseover="ShowPic(this.href)" href="trap3.jpg" alt="Trap" shape="rect" coords="132, 14, 185, 39">
     <area onmouseover="ShowPic(this.href)" href="overloop3.jpg" alt="Overloop" shape="rect" coords="131, 44, 185, 72">
    et ici showpic, j'avoue je comprends pas !

  6. #6
    Membre averti Avatar de youlikeit
    Homme Profil pro
    Indépendant
    Inscrit en
    Octobre 2013
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Indépendant

    Informations forums :
    Inscription : Octobre 2013
    Messages : 36
    Par défaut
    En fait, mon problème réside dans la coexistence du "map/area" et du "onmouseover/onmouseout"

    Dans la ligne suivante en tatonnant avec les codes html ou java > j'arrive à utiliser la fonction onmouse over/out :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body>
            <img title="Alsace" src="images/france/carte_france_base.png" alt="Image" onmouseover="javascript:this.src='images/france/carte_france_1.png';" onmouseout="javascript:this.src='images/france/carte_france_base.png';" />
        </body>
    Dès que je l'introduit avec le map/area comme ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div>
    <img src="images/france/carte_france_base.png" width="492" height="533" usemap="#carte"/>
    <map name="carte">
    <area title="Alsace" href="#" shape="poly" coords="383,88,381,92,372,93,367,89,361,92,364,98,369,99,371,108,365,114,370,124,362,146,370,149,366,154,369,161,378,162,385,157,381,151,385,122,397,96,397,89,385,87" onmouseover="javascript:this.src='images/france/carte_france_1.png';" onmouseout="javascript:this.src='images/france/carte_france_base.png';"alt="Alsace"/>
     
    <!--Ou encore-->
     
    <area shape="poly" title="Alsace" coords="383,88,381,92,372,93,367,89,361,92,364,98,369,99,371,108,365,114,370,124,362,146,370,149,366,154,369,161,378,162,385,157,381,151,385,122,397,96,397,89,385,87" href="#" onmouseover="change_image('images/france/carte_france_1.png')" onmouseout="hide_image('images/france/carte_france_base.png')" alt="Alsace"/>
     
    </map>
    </div>
    • j'affiche la carte de base
    • le poly fonctionne correctement
    • le title lui aussi
    • le onmouse over/out > pas du tout


    Il y a bien un bugg, mais lequel et où ?
    Merci d'avance pour vos avis éclairés !


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment fermer une fenêtre quand la souris et clavier sont inactifs ?
    Par Goldenkiller dans le forum Composants VCL
    Réponses: 7
    Dernier message: 06/12/2004, 22h09
  2. onClick/onMouseOver/onMouseOut + <a href>+<img>
    Par lipczynski dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/11/2004, 14h53
  3. [JCheckbox] JCheckBox inactif mais pas grisé ?
    Par anthony79 dans le forum Composants
    Réponses: 3
    Dernier message: 09/09/2004, 13h20
  4. Réponses: 8
    Dernier message: 03/07/2004, 12h53
  5. Fiche à Onglets: Rendre inactif un TTabSheet
    Par Akta3d dans le forum C++Builder
    Réponses: 7
    Dernier message: 21/04/2004, 14h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo