Question

Kullanıcıların google haritama yeni puan ekleyebilme özelliğini ekledim. Kodum:

GEvent.addListener(map, "click", function(overlay,point) { 
    if (point) { 
     var myHtml = '<div id="addpoint"><form id="formadd" name="formadd_point" enctype="multipart/form-data" method="post" action="pointadd.php"><table><tr><td>Place:</td><td>' + point + '</td></tr><tr><td>Name:</td><td><input name="name" type="text" size="32" maxlength="200" /></td></tr><tr><td>Photo (jpg,png:2Mb):</td><td><input type="file" name="image" size="20" accept="image/png,image/jpeg" /></td></tr><tr><td></td><td><input name="pcoord" type="hidden" value="'+point+'" /><input type="hidden" name="MAX_FILE_SIZE" value="2000000" /><input name="subpoint" type="submit" value="Add" /></td></tr></table></form></div>'; 
     map.openInfoWindowHtml(point, myHtml); 
     $('#formadd').ajaxForm({ beforeSubmit: validate, target:'#addpoint' }); 
    } 
}); 

Yeniden yüklemeden AJAX posta olmalı. Ama bu çalışmıyor! Nedenini bilmiyorum. Belki bazı çatışma jquery.js ve google API var? Sayfayı yeniden yüklemeden nasıl başvuru yapılır?

Answer 1

Eğer html başarıyla dom eklendi önce form oluşturmak için eventListener eklemeye çalışın. Deneyin:

GEvent.addListener(map, "click", function(overlay,point) { 
    if (point) { 
     $('#formadd').live("load", function(){ 
      $(this).ajaxForm({ beforeSubmit: validate, target:'#addpoint' }); 
     }); 

     var myHtml = '<div id="addpoint"><form id="formadd" name="formadd_point" enctype="multipart/form-data" method="post" action="pointadd.php"><table><tr><td>Place:</td><td>' + point + '</td></tr><tr><td>Name:</td><td><input name="name" type="text" size="32" maxlength="200" /></td></tr><tr><td>Photo (jpg,png:2Mb):</td><td><input type="file" name="image" size="20" accept="image/png,image/jpeg" /></td></tr><tr><td></td><td><input name="pcoord" type="hidden" value="'+point+'" /><input type="hidden" name="MAX_FILE_SIZE" value="2000000" /><input name="subpoint" type="submit" value="Add" /></td></tr></table></form></div>'; 
     map.openInfoWindowHtml(point, myHtml); 

    } 
});