Добрый день! Написал код,но полседняя его стадия не работает. Мой проект:
<!DOCTYPE html>
<html>
<head>
<title>Map</title>
<script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<script src="http://yandex.st/jquery/2.2.3/jquery.min.js" type="text/javascript"></script>
<link href="http://yandex.st/bootstrap/2.2.2/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<div id="map"></div>
<style>
html, body,#map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
#my-listbox {
top: auto;
left: auto;
}
*{
font-family: Areal;
}
.b-container{
width:200px;
height:150px;
background-color: #ccc;
margin:0px auto;
padding:10px;
font-size:30px;
color: #fff;
}
.b-popup{
width:100%;
min-height:100%;
background-color: rgba(0,0,0,0.5);
overflow:hidden;
position:fixed;
top:0px;
}
.b-popup .b-popup-content{
margin:40px auto 0px auto;
width:100px;
height: 40px;
padding:10px;
background-color: #c5c5c5;
border-radius:5px;
box-shadow: 0px 0px 10px #000;
}
</style>
<script>
ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
center: [55.733835, 37.588227],
zoom: 12,
controls: []
});
var myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
balloonContentBody: [
'<div class="b-container">',
'<a href="javascript:PopUpShow()">Press here</a>',
'</div>',
'<div class="b-popup" id="popup1">',
'<div class="b-popup-content">',
'Text in Popup',
'<a href="javascript:PopUpHide()">Hide popup</a>',
'</div>',
'</div>'
].join('')
}, {
preset: 'islands#redDotIcon'
});
myMap.geoObjects.add(myPlacemark);
});
$(document).ready(function(){
//Скрыть PopUp при загрузке страницы
PopUpHide();
});
//Функция отображения PopUp
function PopUpShow(){
$("#popup1").show();
}
//Функция скрытия PopUp
function PopUpHide(){
$("#popup1").hide();
}
</script>
</body>
</html>