जावास्क्रिप्ट/Onclick - जब माउस ले जाने

Question

से अधिक मैं एक मतदान बटन के साथ काम कर रहा हूँ माउस एक हाथ कर्सर करें।

बटन एक साधारण लिंक था, लेकिन खोज इंजन स्पाइडर पृष्ठों को क्रॉल कर रहे थे और झूठे वोटों को ट्रिगर कर रहे थे। तो, मैंने इसे रोकने के लिए इसे एक क्लिक पर बदल दिया।

हालांकि, ऐसा करने के बाद, बटन अभी भी ठीक काम करते हैं, लेकिन माउस कर्सर में अब 'हाथ' सूचक नहीं है। जब आप माउस-ओवर करते हैं तो यह तीर पॉइंटर रहता है, इसलिए यह कहना मुश्किल है कि यह एक वास्तविक कार्यशील लिंक है।

इसे ठीक करने का प्रयास करने के लिए, मैंने एक शैली = "कर्सर: डिफ़ॉल्ट;" जोड़ा, मैंने शैली = "कर्सर: क्रॉसहेयर;" कर्सर व्यवहार को आजमाने और बदलने के लिए, लेकिन यह काम नहीं कर रहा है। कर्सर पूरे समय सूचक रहता है।

यहाँ मेरी कोड है:

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

मैं यहाँ क्या याद आ रही है इस माउस एक हाथ की तरह लग रहे बनाने के लिए?

हमेशा के रूप में अग्रिम धन्यवाद।

Answer 1

तो मैं एक काम के आसपास की खोज की। मैं इसके साथ पूरी तरह से खुश नहीं हूं, लेकिन ऐसा लगता है कि यह काम कर रहा है। असल में, मैंने अभी टैग में एक href = "#" जोड़ा है। यह हाथ प्रकट होता है और अधिकांश समय क्लिक करता है जैसे क्लिक करना चाहिए।

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

Answer 2

आप सीएसएस में यह कर सकते हैं!

बस इसे उस तत्व में जोड़ें जिसे आप शैली चाहते हैं।

कर्सर: सूचक;

Answer 3

वास्तव में मैं इस सवाल का जवाब मिला: Cursor not changing to pointer in Usemap/area case

आपके मामले में, बस प्रत्येक <area> को href="javascript:void(0)" जोड़ें।

उदाहरण: http://jsfiddle.net/yE5bQ/

Answer 4

इस ऊपर/सिर का प्रयास करें, यह IE में काम करता है और HTA की, चाल 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> 

Answer 5

अपने सीएसएस में डाल इस:

#vote_buttons { 
    cursor:hand; 
} 

हो जाएगा ताकि इसे बनाओ ताकि बटन पर होवर करते समय आपका कर्सर हाथ में बदल जाए।