別のgmapのinfowindowでjquery関数を呼び出す方法は？

Question

gmapsの情報ウィンドウを使う代わりに、モーダルボックスのようなjQuery関数を呼びたいと思っています。
どうすればいいですか？ここで

はコードで、それはまだデフォルトの情報ウィンドウを使用しています：

var marker; 

function initialize() { 
    if (GBrowserIsCompatible()) { 
    var map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(37.4419, -122.1419), 13); 

    GEvent.addListener(map, "click", function(overlay, latlng) { 
      if (latlng) { 
     marker = new GMarker(latlng, {draggable:true}); 
     GEvent.addListener(marker, "click", function() { 
      var html = "<table>" + 
        "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" + 
        "<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" + 
        "<tr><td>Type:</td> <td><select id='type'>" + 
        "<option value='bar' SELECTED>bar</option>" + 
        "<option value='restaurant'>restaurant</option>" + 
        "</select> </td></tr>" + 
        "<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>" + 
         ""; 



      marker.openInfoWindow(html); 
     }); 
     map.addOverlay(marker); 
     } 
    }); 

    } 
} 

このコードからinfowindowsダイアログ：

marker.openInfoWindow(html); 

を、事前に感謝し、私を助けて。

Answer 1

まず、あなたは（どこかのページで）このようなダイアログのdivを作成する必要があります。その代わり

marker.openInfoWindow(html); 

のあなたが行う必要があり、その後

<div id="dialog" style="display:none"></div> 

を

$("#dialog").html(html); 
$("#dialog").dialog(); 

（もちろん、適切なスクリプトを含める必要があります）

jQueryダイアログの詳細情報here。