jQuery/AJAXをイメージマップで使用する

jQueryを使用してAJAX呼び出しを行うには、イメージマップ（特に米国の州地図）を使用したいと思います。jQuery/AJAXをイメージマップで使用する

私はフォーム内の選択リストを使ってコールを実行しました。これは、serializeメソッドがフォームから名前と値のペアを渡すためです。しかし、名前と値のペアをフォームの外に、つまりイメージマップから渡す方法がわかりません。

はここ形で動作します私のjQueryのコードです：

$('#launch').click(function(event){ 
     $('#results').show(); 
     $('#results').load('http://myprogram', 
       $('form').serialize()   
     ); 
      });

Serializeメソッドは、選択された状態のために状態のFIPSコードを渡します。

状態をクリックしたときに状態fipsコードをマップから渡すためのオプションは何ですか？

ありがとうございます！

出典

2011-07-29 David Mintz

状態のコードを保持する各状態領域にdata- fips属性を割り当てます。次に、各状態（クラスまたは要素タイプのいずれか）のハンドラを作成し、クリックイベントを検出します。

<a href="#"><img src="state_img.png" data-fips="NY" /></a>

出典

2011-07-29 15:19:02

ジェイソン、ありがとう：

$('.state').click(funciton(){ //alert($(this).data('fips')); //Pass in the ID to myprogram $('#results').load('http://myprogram',$(this).data('fips')); });

あなたの状態の画像/リンクは次のようになります！私はあなたの提案されたコードをajaxリクエストのコンテキストで実装する方法を理解しようとしています。どうすれば私のプログラム（load ...）を呼び出すことができますし、シリアライズを使わずに同時に状態fipsコードを渡します（つまり、状態がクリックされたとき）？ –

私の投稿を更新しました。 –

jQuery/AJAXをイメージマップで使用する

答えて

関連する問題