Javascript / Onclick - Faire le curseur de la souris un coup de main

Je travaille avec un bouton de vote.

Le bouton était un simple lien, mais le moteur de recherche araignées rampaient les pages de déclenchement et de faux votes. Donc, je l'ai changé pour un onclick pour faire de cet arrêt.

Cependant, après l'avoir fait, les boutons fonctionnent toujours bien, mais le curseur de la souris n'a plus la "main" pointeur. Il reste le pointeur en flèche lorsque vous déplacez la souris sur, il est donc difficile de dire que c'est une réalité du fonctionnement de lien.

Pour tenter de résoudre ce problème, j'ai ajouté un style="cursor:default;", j'ai aussi essayé style="cursor:crosshair;" pour essayer de changer le comportement du curseur, mais cela ne fonctionne pas. Le curseur reste le pointeur tout le temps.

Voici mon code:

<map id="vote_buttons" name="vote_buttons">
     <area shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" />
     <area shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" />
     <area shape="default" nohref="nohref" alt="" />
</map>

Ce qui me manque ici pour faire de ce passage de la souris ressembler à un coup de main?

Merci à l'avance, comme toujours.

source d'informationauteur Kevin

  1. 20

    Vous pouvez le faire en css!

    juste ajouter à l'élément que vous souhaitez que le style.

    curseur:pointeur;

  2. 8

    Dans votre CSS mettre ceci:

    #vote_buttons {
    cursor:hand;
}

    Cela fera en sorte que votre curseur se transforme en main tout en survolant le bouton.

  3. 7

    En fait j'ai trouvé la réponse ici: Le curseur ne change pas de pointeur dans Usemap/zone de cas

    Dans votre cas, il suffit d'ajouter le href="javascript:void(0)" à chaque <area>.

    Exemple: http://jsfiddle.net/yE5bQ/

  4. -1

    Essayez ceci au-dessus de la tête, il fonctionne sous IE et HTA, astuce consistait à inclure l'URL...

    put following inside your [body] button or anchor
onmousedown="mouseDown1()" onmouseup="mouseOut1()

<script type="text/javascript">

function mouseDown1() {
document.body.style.cursor = 'url(anim2.cur)';
}

function mouseOut1() {
document.body.style.cursor = 'url(anim1.cur)';
}

function calc() {
var dummy = 0;

for (var i=0; i<100000;i++) {
for (var z=0; i<100000;i++) {
dummy = dummy + z + i;
}
}

cursor_clear();
}
</script>
  5. -2

    J'ai alors découvert un travail autour de. Je ne suis pas entièrement satisfait avec elle, mais il semble être de faire le travail. En gros, j'ai juste ajouté un href="#" à la balise. Cela rend la main apparaissent et la plupart du temps le clic fonctionne comme il le devrait.

    <map id="vote_buttons" name="vote_buttons">
     <area href="#" shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" />
     <area href="#"  shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" />
</map>