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

JavaScript Discussion :

image map et javascript


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �prouv�
    Inscrit en
    Mars 2004
    Messages
    1 931
    D�tails du profil
    Informations forums :
    Inscription : Mars 2004
    Messages : 1 931
    Par d�faut image map et javascript
    Bonjour,

    j'ai effectu� une image map (image cliquable) et j'aimerais qu'au survol de la zone cliquable par la souris, la zone change de couleur mais �a ne fonctionne pas :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
     
     
    	<SCRIPT LANGUAGE="javascript">
     
    			Image1 = new Image(440,250) 
    			Image1.src = "images/monde.gif"
     
    			Image2 = new Image(440,250)
    			Image2.src = "images/monde_color.png"
     
    	</SCRIPT> 
     
     
     
    <IMG SRC="images/monde.gif" WIDTH=440 HEIGHT=250 BORDER=0 ALT="" USEMAP="#monde_Map">
     
    <SCRIPT LANGUAGE="javascript">
    function afriquecolor() {
    document.espace d'image.src = Image2.src; return true;  
    }
    function normal() {
    document.espace d'image.src = Image1.src; return true;
    } 
     
    </SCRIPT>
     
     
    <MAP NAME="monde_Map">
    <AREA SHAPE="poly" ALT="" COORDS="404,168, 405,168, 405,169, 405,170, 405,171, 405,172, 406,173, 406,174, 407,175, 407,176, 407,177, 408,178, 408,179, 409,180, 410,181, 410,182, 410,183, 410,184, 410,185, 410,186, 410,187, 410,188, 409,189, 409,190, 409,191, 408,192, 408,193, 408,194, 408,195, 407,196,
    407,197, 407,198,
    407,199, 406,200, 405,201, 404,202, 403,203, 402,204, 401,204, 400,205, 399,206, 399,207, 399,208, 400,209, 401,209, 401,210, 402,211, 402,212, 403,213, 403,214, 404,215, 404,216, 404,217, 404,218, 404,219, 404,220, 404,221, 404,222, 405,223, 406,223, 407,223, 408,222, 409,221, 410,221, 411,220, 412,219, 413,219, 414,218,
    415,217, 416,216, 417,216, 418,216, 419,216, 420,215, 421,214, 422,214, 423,213, 423,212, 424,212, 425,211, 425,210, 426,210, 427,210, 428,210, 428,211, 428,212, 428,213, 428,214, 428,215, 428,216, 428,217, 428,218, 428,219, 427,219, 426,219, 425,219, 424,219, 423,220, 422,221, 421,222, 420,222, 419,223, 418,224, 417,224,
    416,224, 415,224, 414,224, 413,224, 412,224, 411,224, 410,224, 409,224, 408,225, 407,225, 406,225, 405,226, 404,227, 404,228, 404,229, 404,230, 404,231, 404,232, 403,233, 402,233, 401,233, 400,233, 399,233, 398,233, 397,233, 397,232, 397,231, 397,230, 398,229, 398,228, 399,227, 400,227, 401,227, 402,226, 402,225, 402,224,
    402,223, 402,222, 402,221, 402,220, 402,219, 402,218, 402,217, 402,216, 402,215, 402,214, 401,213, 401,212, 401,211, 400,210, 399,210, 398,211, 397,211, 396,212, 395,212, 394,213, 393,213, 392,214, 391,214, 390,215, 389,216, 388,217, 387,218, 386,218, 385,218, 384,218, 383,219, 382,220, 382,221, 382,222, 382,223, 382,224,
    382,225, 381,225, 380,225, 379,225, 378,225, 377,225, 377,224, 378,223, 378,222, 379,221, 379,220, 379,219, 379,218, 379,217, 379,216, 379,215, 378,214, 378,213, 378,212, 378,211, 378,210, 377,209, 376,209, 375,209, 374,209, 374,208, 374,207, 373,206, 372,206, 371,207, 370,207, 369,207, 368,207, 367,207, 366,207, 365,207,
    364,207, 363,207, 362,208, 361,208, 360,208, 359,209, 358,210, 357,210, 356,210, 355,210, 354,211, 353,211, 352,211, 351,211, 350,212, 349,212, 348,212, 348,211, 348,210, 348,209, 348,208, 348,207, 348,206, 348,205, 349,204, 349,203, 350,202, 350,201, 351,200, 351,199, 352,198, 352,197, 352,196, 352,195, 353,194, 353,193,
    353,192, 354,191, 354,190, 355,189, 355,188, 355,187, 356,187, 357,187, 358,186, 358,185, 359,184, 360,184, 361,183, 362,183, 363,183, 364,183, 365,183, 366,183, 367,183, 368,183, 369,182, 369,181, 369,180, 369,179, 369,178, 369,177, 369,176, 370,175, 370,174, 371,174, 372,174, 373,174, 374,174, 375,174, 376,174, 377,173,
    378,173, 379,173, 380,173, 381,173, 382,173, 383,173, 384,173, 385,172, 386,172, 387,172, 388,172, 389,171, 389,170, 390,169, 391,169, 392,169, 393,169, 394,169, 395,169, 396,169, 397,169, 396,169, 395,169, 394,169, 393,170, 394,171, 394,172, 394,173, 393,174, 393,175, 393,176, 394,177, 394,178, 395,179, 396,179, 397,178,
    398,178, 399,178, 400,178, 401,178, 402,177, 402,176, 402,175, 403,174, 403,173, 403,172, 403,171, 403,170, 403,169" HREF="http://127.0.0.1/liste.php?continent=Oceanie&ad_pays=-1&ville=-1&type=-1&pers=-1&date1=&date2=&valide_form=Envoyer+ces+informations" onMouseOver="afriquecolor()" onMouseOut="normal()">
    <AREA SHAPE="default" nohref> 
     
    /MAP>
    La zone cliquable ne change pas de couleur...

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    document.espace d'image.src

    C'est quoi ce "espace d'image" ???
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Membre �prouv�
    Inscrit en
    Mars 2004
    Messages
    1 931
    D�tails du profil
    Informations forums :
    Inscription : Mars 2004
    Messages : 1 931
    Par d�faut
    j'ai rectifi�

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
     
    <SCRIPT LANGUAGE="javascript">
    function afriquecolor() {
    document.espace image.src = Image2.src; return true;  
    }
    function normal() {
    document.espace image.src = Image1.src; return true;
    } 
     
    </SCRIPT>
    mais �a ne fonctionne toujours pas...

  4. #4
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par d�faut
    Citation Envoy� par sam01 Voir le message
    j'ai rectifi�

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
     
    <SCRIPT LANGUAGE="javascript">
    function afriquecolor() {
    document.espace image.src = Image2.src; return true;  
    }
    function normal() {
    document.espace image.src = Image1.src; return true;
    } 
     
    </SCRIPT>
    mais �a ne fonctionne toujours pas...
    question : c'est quoi ce "espace image"
    il n'y a rien comportant ce nom dans le code que tu nous as donn�, et pire encore on ne peut pas mettre d'espace � un nom d'objet comme �a
    on est pas chez m�m�

  5. #5
    Membre �prouv�
    Inscrit en
    Mars 2004
    Messages
    1 931
    D�tails du profil
    Informations forums :
    Inscription : Mars 2004
    Messages : 1 931
    Par d�faut
    Ha bon je ne sais pas, je dois avouer que j'ai mis ce qu'on m'a dit de mettre...

    Je ne m'y conais vraiment en javascript...

    Que faut-il mettre alors ?

    �a

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
     
    <SCRIPT LANGUAGE="javascript">
    function afriquecolor() {
    image.src = Image2.src; return true;  
    }
    function normal() {
    image.src = Image1.src; return true;
    } 
     
    </SCRIPT>
     
    ???

Discussions similaires

  1. Javascript dans une image map
    Par Oriane85 dans le forum G�n�ral JavaScript
    R�ponses: 5
    Dernier message: 03/08/2011, 17h37
  2. Images map et javascript
    Par numerodix dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 26/03/2010, 13h04
  3. image map et javascript
    Par Antho13 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 16/07/2007, 16h29
  4. R�ponses: 6
    Dernier message: 14/06/2006, 22h31
  5. [Image] image map dans des images dynamique?
    Par xtaze dans le forum Biblioth�ques et frameworks
    R�ponses: 2
    Dernier message: 19/05/2006, 17h28

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