Клуб API Карт

Как сделать добавление меток by Ajax?

РадомирРасвет
7 января 2010, 21:29

Для того что бы пользователи могли добавлять метки на карту, я использую такую функцию:   


YMaps.Events.observe(map, map.Events.Click, function (map, mEvent) {
            var myHtml = '<div id="addpoint"><form id="formadd" name="formadd_point" enctype="multipart/form-data" method="post" action="pointadd.php"><table><tr><td>Положение:</td><td>' + mEvent.getGeoPoint() + '</td></tr><tr><td>Название:</td><td><input name="name" type="text" size="32" maxlength="200" /></td></tr><tr><td>Описание:</td><td><textarea name="description" cols="24" rows="3"></textarea></td></tr><tr><td>Фото (jpg,png:2Mb):</td><td><input type="file" name="image" size="20" accept="image/png, image/x-png, image/jpeg" /></td></tr><tr><td></td><td><input name="pcoord" type="hidden" value="'+mEvent.getGeoPoint()+'" /><input name="zoom" type="hidden" value="'+map.getZoom()+'" /><input name="subpoint" type="submit" value="Добавить" /></td></tr></table></form></div>';
            map.openBalloon(mEvent.getGeoPoint(), myHtml);

});


Но это несовсем удобно, т.к. карта закрывается и открывается (pointadd.php) сообщение о том что метка будет размещена после проверки модератором.


Можно как то сделать это на AJAX? Что бы форма пропадала и появлялось сообщение. Т.Е. карта не пропадала.

Или отправить изображение и данные по AJAX будет слишком сложно?!

1 комментарий
Подписаться на комментарии к посту
В API Яндекс.Карт встроен фреймворк jQuery, который позволяет легко создавать клиентскую часть ajax-скриптов. Подробнее об использовании ajax можно почитать в статье jQuery для начинающих. Часть 3. Ajax.