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

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>
</td>
<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>
</tr>
</table>

View File

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