Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.09.2011, 17:53
Интересующийся
Отправить личное сообщение для dimi007 Посмотреть профиль Найти все сообщения от dimi007
 
Регистрация: 10.05.2011
Сообщений: 11

Yandex API (всплывающее окно при клике на ссылку в балуне)
Не могу реализовать всплывающее окно при клике на ссылку в балуне. Карту вставить на сайт получается, скрипт всплывающего окна написал , но вот сделать так чтобы при клике по ссылке которая находится в балуне появлялся всплывающий див...у меня не получается....может кто знает как ...выкладываю код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="modal.css" type="text/css" media="screen" charset="utf-8" />
<script src="jquery.1.2.6.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.smartmodal.js" type="text/javascript" charset="utf-8"></script>
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=КЛЮЧ" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

	$('.modal').smart_modal(); 

});


        window.onload = function () {
            var map = new YMaps.Map(document.getElementById("YMapsID"));
            map.setCenter(new YMaps.GeoPoint(37.420604, 54.916672), 10);
			
			
			
			// Создает метку в центре Москвы
var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37.420604,54.916672));

// Устанавливает содержимое балуна
placemark.name = "Серпухов";
placemark.description = "<a rel='rel_modal_content' class='modal' href='#'>asdfsd</a>";

// Добавляет метку на карту
map.addOverlay(placemark); 
			
			
			
        }
    </script>
<title>jQuery Modal Example - UPDATED AGAIN</title>
</head>
<body>
<div id="container">
  <p><a href="#" rel="rel_modal_content" class="modal">Click me</a></p>
  <div id="rel_modal_content" class="hidden">
    <embed width="700" height="400" name="plugin" src="pano.swf" type="application/x-shockwave-flash"> 
  </div>
</div>
<script type="text/javascript">

</script>
<div id="YMapsID" style="width:600px;height:400px"></div>
</body>
</html>


ребят посомтрите...может кто сталкивался с подобной проблемой...

Последний раз редактировалось Андрей Параничев, 05.09.2011 в 19:25. Причина: Пользуйтесь bb-кодами [html] и [js] для оформления листингов кода
Ответить с цитированием
  #2 (permalink)  
Старый 05.09.2011, 18:49
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

посмотри что в ready
console.log($('.modal')) вернёт ?
или alert($('.modal').html()); если Null то можно думать дальше, если html надо смотреть что твой smart_modal не устраивает.

так мы выясним дело в плагине smart_modal, или недоступности элемента с классом modal
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 05.09.2011 в 19:02.
Ответить с цитированием
  #3 (permalink)  
Старый 05.09.2011, 19:01
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Что обозначает вот этот код?

$(document).ready(function() {

$('.modal').smart_modal();

});


и зачем у тебя два обработчика для события window.onLoad ???
Ответить с цитированием
  #4 (permalink)  
Старый 05.09.2011, 19:11
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Дас а обработчика и вправду два.
И поправьте меня, но по моему создание 2го через .load исключает дальнейший вызов 1го ready.
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Ответить с цитированием
  #5 (permalink)  
Старый 05.09.2011, 19:21
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Не нужно брать такой сложный инструмент как api яндекс карты
и сразу прикручивать к нему какие то плагины..
Делай чистый код, потом уже наворачивай..
В этом api и так до чёрта всего наворочено..
Глянь у них в документации хотя бы z-индексы,
которые по умолчанию используются для слоёв!
Уже может быть конфликт..
Упрощай, иначе будешь колупаться до второго пришествия
и так ничего и не наковыряешь))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Задача такова : нужно при клике на ссылку открыть страницу с новой вкладке, оставаясь asustekk Javascript под браузер 4 25.05.2012 14:04
Cкрипт сохранения при клике на ссылку alerzo Events/DOM/Window 4 08.05.2011 21:39
Изменение стилей при клике на ссылку Avro Элементы интерфейса 2 11.04.2011 19:19
Всплывающее окно при условиях liliya1919 Элементы интерфейса 16 10.04.2010 01:03
Открытие картинки в новом окне при клике на ссылку. J77 Общие вопросы Javascript 2 08.12.2009 08:09