Discussion :

[sam01]

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...

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.espace d'image.src

C'est quoi ce "espace d'image" ???

[sam01]

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...

[dukej]

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é

[sam01]

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>
 
???