Задействована кнопка добавления точки

This commit is contained in:
Krivchikov Dmitry 2014-04-11 11:24:50 +04:00
parent c6e09a3963
commit b4b0d690b4
2 changed files with 35 additions and 23 deletions

View File

@ -18,7 +18,7 @@
<button class="btn btn-default" type="button" onclick="showMeOnTheMap()"><span class="glyphicon glyphicon-screenshot"></span> Я на карте</button> <button class="btn btn-default" type="button" onclick="showMeOnTheMap()"><span class="glyphicon glyphicon-screenshot"></span> Я на карте</button>
</td> </td>
<td class="text-right"> <td class="text-right">
<button class="btn btn-default" type="button"><span class="glyphicon glyphicon-plus-sign"></span> Добавить точку</button> <button class="btn btn-default" type="button" id="addPointButton" onclick="tryAddPoint($(this))"><span class="glyphicon glyphicon-plus-sign"></span> Добавить точку</button>
</td> </td>
</tr> </tr>
</table> </table>

View File

@ -23,29 +23,32 @@ function init() {
myMap.events.add('click', function (e) { myMap.events.add('click', function (e) {
if (!myMap.balloon.isOpen()) { if (!myMap.balloon.isOpen()) {
var coords = e.get('coordPosition'); if ( $('#addPointButton').hasClass('btn-success') )
myMap.balloon.open(coords, { {
contentHeader:'Добавление точки', var coords = e.get('coordPosition');
contentBody: myMap.balloon.open(coords, {
'<form method="POST" action="/json/addpoint/" width="400px" height="300px">' + contentHeader:'Добавление точки',
'<p>Название:<br/>' + contentBody:
'<input type="text" id="name" name="name" /></p>' + '<form method="POST" action="/json/addpoint/" width="400px" height="300px">' +
'<p>URL изображения:<br/>' + '<p>Название:<br/>' +
'<input type="text" id="img" name="img" /></p>' + '<input type="text" id="name" name="name" /></p>' +
'<p>Описание:<br/>' + '<p>URL изображения:<br/>' +
'<textarea id="description" name="description"></textarea></p>' + '<input type="text" id="img" name="img" /></p>' +
'<p>Тип:<br/>' + '<p>Описание:<br/>' +
'<select id="categoryId" name="categoryId">' + '<textarea id="description" name="description"></textarea></p>' +
categories + '<p>Тип:<br/>' +
'</select>' + '<select id="categoryId" name="categoryId">' +
'<p>Источник:<br/>' + categories +
'<input type="text" id="source" name="source" /></p>' + '</select>' +
'<p>Источник:<br/>' +
'<input type="text" id="source" name="source" /></p>' +
'<input type="hidden" id="lat" name="lat" value="'+coords[0].toPrecision(11)+'" />' + '<input type="hidden" id="lat" name="lat" value="'+coords[0].toPrecision(11)+'" />' +
'<input type="hidden" id="lng" name="lng" value="'+coords[1].toPrecision(11)+'" />' + '<input type="hidden" id="lng" name="lng" value="'+coords[1].toPrecision(11)+'" />' +
'<input type="submit" id="add" onclick="addNewPoint()" value="Добавить">' + '<input type="submit" id="add" onclick="addNewPoint()" value="Добавить">' +
'</form>' '</form>'
}); });
}
} }
else { else {
myMap.balloon.close(); myMap.balloon.close();
@ -147,3 +150,12 @@ function showMeOnTheMap()
myMap.setCenter([userLat, userLng]); myMap.setCenter([userLat, userLng]);
}); });
} }
function tryAddPoint(el)
{
$(el).toggleClass('btn-success').toggleClass('btn-default');
if ( $('#addPointButton').hasClass('btn-success') )
myMap.cursors.push('crosshair');
else
myMap.cursors.push('arrow');
}