Rechercher : dans
Par :

Changer de curseur sur zone cliquable

Dernière réponse le 18 aoû 2008 à 14:48:58 LMDP, le 17 aoû 2008 à 12:42:03 
 Signaler ce message aux modérateurs

Bonjour,

Pour mon site d'énigmes, j'ai fais plusieurs zones cliquables sur une image.
J'ai modifier le curseur "main" qui s'affiche normalement lorsqu'on peut cliquer, en un curseur "flèche" pour que les zones cliquables soient invisibles et donc plus dures à trouver.
Voici mon code HTML:

<img src="pois.jpg" width="600" height="451" border="0" usemap="#Map">
<map name="Map">
<area shape="circle" coords="62,75,22" href="http://xxxxxx.html" target="_self" style="cursor : default;">
<area shape="circle" coords="415,55,32" href="http://xxxxxx.html" target="_self" style="cursor : default;">
<area shape="circle" coords="296,395,27" href="http://xxxxxx.html" target="_self" style="cursor : default;">
... (j'ai environ 15 zones cliquables)
</map>

Ca marche parfaitement sous Mozilla, mais sous IE, le curseur est toujours de la forme d'une main lorsqu'il passe sur une zone cliquable...
Pourquoi?
Et comment y remédier?


2ème question: Y a-t-il une solution pour que quand on passe sur une de ces zones cliquables, le lien rattaché à cette zone cliquable ne s'affiche pas en bas dans le navigateur? (bien que je pense que non...)


Merci d'avance
Bonne journée

Configuration: Windows XP
Firefox 3.0.1 / IE 6.0

Meilleures réponses pour « changer de curseur sur zone cliquable » dans :
Changer l'aspect du curseur en CSS VoirLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs...
Changer la région de son lecteur/graveur DVD VoirVous aurez peut être à changer la région de votre lecteur/graveur DVD pour quelconque raison. La région d'un lecteur permet de lire les DVD de la zone concernée. Exemple : Vous achetez un DVD au Costa Rica, alors que vous habitez en France...

1

gaerebut, le 17 aoû 2008 à 13:33:12
  • +1

Salut,

Pour la première question, c'est bizarre que ça ne marche pas sous IE !
Normalement, si tu as une version supérieur ou égal a IE 4, ça marche ...
Essaye quand même de rajouter dans chaque style de tes liens secrets : cursor: auto;

Et pour la deuxième question, passe par le javascript pour qu'on ne voit pas les URL ;)

A+

Gaerebut Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

Répondre à gaerebut

2

LMDP, le 17 aoû 2008 à 14:40:03

Merci pour ta réponse gaerebut, mais ça ne marche toujours pas sous IE -_-

Je sais je sais, je devrais me mettre au javascript mais je suis pas motivée! :'(


Quelqu'un à une autre idée pour cette histoire de curseur??

Répondre à LMDP

3

nEm3sis, le 17 aoû 2008 à 15:06:31

Pour la première question
dans mon fichier css j'ai ceci et ça a l'air de fonctionner sur IE 7 comme sur firefox 3

body,area,input,html {
	cursor: default;
}


pour la 2è question :
au lieu de mettre
href="http://xxxxx.html"
met
onclick="window.location='http://xxxx.html'"


et comme il n'y aura plus de href la zone n'apparaitra pas cliquable pour le curseur

Répondre à nEm3sis

4

LMDP, le 18 aoû 2008 à 14:16:59

Merci nEm3sis, ça marche =D
J'vais enfin pouvoir continuer mon site ^^

Bonne journée à tous

Répondre à LMDP

5

gaerebut, le 18 aoû 2008 à 14:19:39

Genre,

un curseur t'empêchais de continuer ton site XD

Hé non je ne suis pas jaloux de toi nEm3sis mais bon ... c'est la réponse de LMDP qui est amusante ^_^'

Bon continuation et bon courage pour la suite

A+

Gaerebut Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

Répondre à gaerebut

6

LMDP, le 18 aoû 2008 à 14:22:14

Roo
Enfin, vous battez pas, vous m'avez aidé tous les 2 ^^
Et en fait, c'est vrai, c'est plutôt l'inspiration qui m'empeche de le continuer... -_-'

Répondre à LMDP

7

 gaerebut, le 18 aoû 2008 à 14:48:58

Nop t'inquiète je ne me bat pas ! ^_^'

je l'es bien précisé, c'est n'est pas de la jalousie. NAaaaa

Mais bon, je vois pas la différence entre ton code et le sien !
Mise a part qu'il te donne" body,area,input,htm{}" mais bon, ça se n'est que paramétrable ! lol

Enfin bon, si ça marche ... tant mieux pour toi lol

A+

Gaerebut
Il y a 2 règles d'or pour réussir dans la vie :
-Règle 1:  ne jamais dire tout ce que l'on sait...
-Règle 2: ...

Répondre à gaerebut
Collection CommentÇaMarche.net