2009-09-10 6 views
6

またはtitleという値がページのどこかにある<area>タグの値であれば、イメージマップの一部をクリックしてテキストを印刷することはできますか?イメージマップ:クリックして画面にエコーする/印刷する

jQueryでこれを実行できますか?私は見てきました。私はそうすることに苦しんでいます(jQueryで非常に錆び、その上に初心者がいます)。私は少しのコードで演奏しましたが、私が得ることができるのは静的なデータです。

ありがとうございました。

編集:これは、クリック可能な30の一意のサイズと形の「領域」を持つ1つの大きな画像です。

答えて

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

関連する問題