Отображение скрипта от 2GID в предварительно скрытом диве

Donald28 · Регистрация: 28.05.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте, столкнулся со следующей проблемой. Нужно разместить он-лайн карту на див, который отображается при нажатии на определенную кнопку на сайте.

Если скрипт он-лайн карты просто поместить на этот сайт, то все нормально отображается. Если поместить в этот див, то отображается только в Опере, а в остальных пусто

вот коды CSS:

CSS

#mapwind{
    display:none;
    position:absolute;
    top:130px;
    width:1200px;
    height: 590px;
    margin: 0px -100px;
    background-image: url(/site/images/mapwind.png);
    background-repeat: no-repeat;
    background-size: 1200px; 
    overflow: hidden;
    z-index:7;
    }
 
#mapscript {
    display:block;
    margin: 30px auto;
    width: 860px;
    height: 540px;
    background-image: none;
    }

И html:

HTML5

<div id="mapwind">
<div id="mapscript">
<script charset="utf-8" type="text/javascript">new DGWidgetLoader({"borderColor":"#a3a3a3","width":"860","height":"540","wid":"58e73b991609a6a5b5c6eefcaf096327","pos":{"lon":"49.313625018735","lat":"53.555593757439","zoom":"15"},"opt":{"ref":"hidden","card":["name","contacts","schedule","payings"],"city":"togliatti"},"org":[{"id":"3096753025319687"}]});</script>
<noscript style="color:#c00;font-size:16px;font-weight:bold;">Виджет карты использует JavaScript. Включите его в настройках вашего браузера.</noscript>
</div>
</div>

mapwind.png - это просто белый фон.

Помогите пожалуйста разрешить эту проблемку. Заранее спасибо!

Добавлено через 17 часов 10 минут
В ходе мозгового штурма с самим собой у меня возникли некоторые соображения, почему так происходит. Скорее всего при загрузке страницы данный скрипт просто напросто не подгружается (за исключением Опера), т.к. див, в который помещен этот скрипт, имеет свойство видимости hidden.

Поэтому вопрос: как сделать так, чтобы на всех браузерах этот скрипт загружался либо при вызове это дива, либо при загрузке страницы (но при этом пока не был видимым)?

Добавлено через 15 минут
Вопрос решен. Надо вместо свойства {display: none;} использовать {visibility: hidden;}

Тему можно закрывать!

P.S. спасибо все кто помог

	29.05.2012, 13:34