Клуб API Карт

Окна в JS

thrillmeal
14 марта, 13:01

Добрый день! Написал код,но полседняя его стадия не работает. Мой проект:

<!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>
3 комментария
Подписаться на комментарии к посту
dimik,
В балуне есть ссылка,попробуйте по ней перейти. У меня ничего не происходит,но должно происходить по идее. Код без API работает,а когда я его в API вставил,работать перестал 
thrillmeal,
там не видна эта функция. читайте про область видимости в JS
window.PopUpShow = function () {
...
}