2009-09-10 8 views
6

क्या किसी छवि मानचित्र के एक भाग पर क्लिक करना और कुछ टेक्स्ट प्रिंट करना संभव है, क्या यह alt या title पृष्ठ पर कहीं भी <area> टैग का मूल्य हो सकता है?छवि मानचित्र: स्क्रीन पर पाठ को प्रतिध्वनि/प्रिंट करने के लिए क्लिक करें

क्या मैं इसे jQuery के माध्यम से कर सकता हूं? मैंने देखा है और मैं ऐसा करने के लिए संघर्ष कर रहा हूं (jQuery के साथ बहुत जंगली, और इसके ऊपर एक नौसिखिया)। मैंने कुछ कोड के साथ खेला है लेकिन मैं जो कुछ हासिल करता हूं वह स्थिर डेटा है।

धन्यवाद।

संपादित करें: यह 30 विशिष्ट आकार और आकार वाले "क्षेत्रों" के साथ एक बड़ी छवि है जो क्लिक करने योग्य है।

उत्तर

13

HTML:

<map name="Map" id="Map"> 
    <area shape="rect" coords="32,36,222,109" href="#" alt="hi" /> 
    <area shape="rect" coords="246,45,420,110" href="#" alt="alt" /> 
    <area shape="rect" coords="456,45,585,111" href="#" /> 
    <area shape="rect" coords="627,44,768,118" href="#" /> 
</map> 

jQuery:

<script type="text/javascript"> 
$(function(){ 
    $('map area').click(function(){ 
    alert($(this).attr('alt')); 
    }); 
}); 
</script> 
+0

समस्या मैं 30 के साथ एक बड़ी छवि है विकल्प 'क्लिक' - यह नीचे काटने 30+ टुकड़ों में एक प्रमुख दर्द होगा। – scrot

+0

आह, मैं तुम्हारा दर्द देखता हूं। ऊपर मेरा जवाब अपडेट किया गया। – Colin

संबंधित मुद्दे