Besoin d'aide HTML & JavaScript

KlliShaw · 11/05/2003, 19h51

Je me sens newbie en vous demandant ça.. Mais est-ce possible d'avoir un rollover à distance dans l'image map d'une image?

Lorsque je mets le rollover sur l'image au complet, tout marche numéro un, et lorsque je le mets dans les propriétés <map> plus rien..

Est-ce impossible ou est-ce moi qui s'y est mal prise?

Merci d'avance de votre aide..

KlliS.

Aloïsius · 11/05/2003, 19h56

Citation :

Provient du message de KlliS
Je me sens newbie en vous demandant ça..

Et ?

J'ai même pas compris la question, alors...

KlliShaw · 11/05/2003, 20h03

Okay.. J'essaie de mieux m'expliquer.. Je sais j'explique mal..

Je fais une page web..

Je veux des rollovers à distance, ça je l'ai avec un truc de javascript..

Donc par exemple, j'ai un menu page1, page2, page3 et une image, un pomme, en haut à droite..

Quand ma souris est sur page1, la pomme se fait croquer, quand elle est sur page2 la pomme devient une banane et quand elle est sur page3 y'a un chien..

Bon, ça c'est le rollover "normal" et ça marche..

Maintenant.. Ce que je veux c'est, grâce à une image-map, que mes rollovers s'activent par exemple quand ma souris est sur le 1 de page1..

C'est plus clair?

Et ça, ça marche pas, je demande si c'est parce que je ne le fais pas de la bonne façon ou si c'est parce que c'est impossible..

Voilà

Yabon Gorky · 11/05/2003, 20h07

Ca fait un bout de temps que j'ai plu touché à ca mais il me semble que j'avais déjà fait ou vu des trucs dans le genre. M'enfin je faisais plutôt du Flash aussi

Testosterone · 11/05/2003, 20h12

C'est très simple, pour faire des rollovers à partir des liens d'une map suffit d'ajouter onMouseOver et onMouseOut dans la balise du lien de la map.

<MAP NAME="NomDlaMap">
<AREA SHAPE=RECT COORDS="x,x,x,x" HREF="" onMouseOver="" onMouseOut="">
<AREA SHAPE=default HREF="">
</MAP>

Aloïsius · 11/05/2003, 20h20

Citation :

Provient du message de KlliS
Okay.. J'essaie de mieux m'expliquer.. Je sais j'explique mal..

Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi.

http://www.nutkinland.com/images/smiles/lamer.gif

KlliShaw · 11/05/2003, 20h22

C'est ce que j'ai .. Et ça marche pas..

En bref, mon code... :

<html>
<head>
<script language="javascript">

</script>
</head>

<body>
<map name="rollpouce">
<aera shape="polygon"
coords="23,54,9,44,23,27,34,49"
href="interface.htm"
onMouseOver="main01.src=image2.src"
onMouseOut="main01.src=image1.src"
aera alt="Accueil"
target="_self" >
</map>

<table>
<tr>
<td>
<img src="Images/main-21.jpg" width=160 height=98 alt="Pouce" name="main01">
</td>
</tr>
<tr>
<td>
<img src="Images/main-25.jpg" width=109 height=73 usemap="#rollpouce" alt="Accueil" border="0">
</td>
</tr>
</table>
</body>
</html>

KlliShaw · 11/05/2003, 20h23

Citation :

Provient du message de Aloïsius
Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi.

GRE !

Sale newbie! va!

Nanja · 11/05/2003, 21h40

Mais pourquoi t'embetes tu à faire du javascript ? Dès que tu vas utiliser des fonctions un peu spécifiques, ca va plus etre compatible avec certains navigateurs : la galère. Essaie de faire ta page plus simplement.

Inoceram · 11/05/2003, 22h16

Bon en clair, le problème c'est que tu veux faire un rollover d'image mappé et ça a par l'air de marcher.

essaye de voir si ça fonctionne avec d'autres navigateurs...

Sinon tu peux tjs découper ton image en morceau et la placer dans un tableau ajusté, pour eviter d'avoir à faire du mapping.

Inoceram · 11/05/2003, 22h24

c'est un truc comme ça que tu veux faire?

http://masamune.free.fr/test/rollovermap.htm

KlliShaw · 12/05/2003, 00h31

Non pas exactement..

Ça serait le cas si quand la souris est sur le garçon, le dinosaure apparaisse ailleurs sur la page..

En tout cas

Je crois avoir trouvé ce qu'il me fallait, merci à tous..

KlliS.

Kifadd Yre · 12/05/2003, 03h39

Oui tu peux le faire.

Mais dans ce cas, il faut nommer l'image (le paramètre name dans <img>.

Prenons, par exemple, un image de nom "source".

Code:

<script language="javascript">
<!--
image1 = new Image;
image1.src = "imagepremiere.png";
image2 = new Image;
image2.src = "image2.png";
//-->
</script>

<map name="rollover">
<area shape="polygon" coords="X,X,X,X,X" href="#" onMouseOver="source.src=image2.src" onMouseOut="source.src=image1.src">
</map>

<img src="imagepremiere.png" border=0 name="source"`>

Elric l'aigri · 12/05/2003, 04h43

J'arrive à temps pour dire que le jscript c'est tabou et qu'on en viendra tous à bout ?

KlliShaw · 12/05/2003, 05h59

Bon

J'ai enfin réussi..

Merci encore à vous tous..

Je sais pas où était mon erreur mais elle était dans les images-map..

Je comprends pas quel était le problème.. J'ai tout ré-écrit les trucs d'images-map et du coup ça fonctionne..

Je devais avoir fait une erreur stupide du genre, oublier un "

Bonne soirée

KlliShaw Alpha & Oméga	Je me sens newbie en vous demandant ça.. Mais est-ce possible d'avoir un rollover à distance dans l'image map d'une image? Lorsque je mets le rollover sur l'image au complet, tout marche numéro un, et lorsque je le mets dans les propriétés <map> plus rien.. Est-ce impossible ou est-ce moi qui s'y est mal prise? Merci d'avance de votre aide.. KlliS.
11/05/2003, 19h51

Aloïsius Alpha & Oméga	Re: Besoin d'aide HTML & JavaScript Citation : Provient du message de KlliS Je me sens newbie en vous demandant ça.. Et ? J'ai même pas compris la question, alors...
11/05/2003, 19h56

Yabon Gorky Prophète	Ca fait un bout de temps que j'ai plu touché à ca mais il me semble que j'avais déjà fait ou vu des trucs dans le genre. M'enfin je faisais plutôt du Flash aussi
11/05/2003, 20h07

Testosterone Prophète	C'est très simple, pour faire des rollovers à partir des liens d'une map suffit d'ajouter onMouseOver et onMouseOut dans la balise du lien de la map. <MAP NAME="NomDlaMap"> <AREA SHAPE=RECT COORDS="x,x,x,x" HREF="" onMouseOver="" onMouseOut=""> <AREA SHAPE=default HREF=""> </MAP>
11/05/2003, 20h12

Aloïsius Alpha & Oméga	Citation : Provient du message de KlliS Okay.. J'essaie de mieux m'expliquer.. Je sais j'explique mal.. Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi.
11/05/2003, 20h20

KlliShaw Alpha & Oméga	Citation : Provient du message de Aloïsius Non, enfin je sais pas... C'est que je ne sais même pas ce qu'est un rollover... Alors "je me sens newbie" ça m'a fait réagir quoi. GRE ! Sale newbie! va!
11/05/2003, 20h23

Nanja [FED] Prophète	Mais pourquoi t'embetes tu à faire du javascript ? Dès que tu vas utiliser des fonctions un peu spécifiques, ca va plus etre compatible avec certains navigateurs : la galère. Essaie de faire ta page plus simplement.
11/05/2003, 21h40

Inoceram Prophète	Bon en clair, le problème c'est que tu veux faire un rollover d'image mappé et ça a par l'air de marcher. essaye de voir si ça fonctionne avec d'autres navigateurs... Sinon tu peux tjs découper ton image en morceau et la placer dans un tableau ajusté, pour eviter d'avoir à faire du mapping.
11/05/2003, 22h16

Inoceram Prophète	c'est un truc comme ça que tu veux faire? http://masamune.free.fr/test/rollovermap.htm
11/05/2003, 22h24

KlliShaw Alpha & Oméga	Non pas exactement.. Ça serait le cas si quand la souris est sur le garçon, le dinosaure apparaisse ailleurs sur la page.. En tout cas Je crois avoir trouvé ce qu'il me fallait, merci à tous.. KlliS.
12/05/2003, 00h31

Elric l'aigri Bagnard	J'arrive à temps pour dire que le jscript c'est tabou et qu'on en viendra tous à bout ?
12/05/2003, 04h43

KlliShaw Alpha & Oméga	Bon J'ai enfin réussi.. Merci encore à vous tous.. Je sais pas où était mon erreur mais elle était dans les images-map.. Je comprends pas quel était le problème.. J'ai tout ré-écrit les trucs d'images-map et du coup ça fonctionne.. Je devais avoir fait une erreur stupide du genre, oublier un " Bonne soirée
12/05/2003, 05h59

Besoin d'aide HTML & JavaScript

Connectés sur ce fil