Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.12.2012, 09:38
Интересующийся
Отправить личное сообщение для Nitro_Generate Посмотреть профиль Найти все сообщения от Nitro_Generate
 
Регистрация: 14.04.2011
Сообщений: 20

Заставить мигать области на SVG-карте (Raphael)
Ребят, помогите со скриптом
Есть файл с областями:
var paths = {
	i1: {
		opacity:  1.0,
		name: 'okrug1',
		path: 'M 372.39,.... 082,357.569 z ',
		regionblink: '0',
		link: 'map.php?okr=1'
	},
...
}

В него добавил переменную 'regionblink', когда нужен мигающий район, ставлю ее 1.

Но проблема не тут, а в исполняющем скрипте:
$(function(){

	var r = Raphael('map', 622, 895),
		attributes = {
            'fill': '#fff',
            'stroke': '#333',
            'stroke-width': 0.6,
			'fill-opacity': 1.01,
			'blur': 0.1,
            'stroke-linejoin': 'round'
        },
		arr = new Array();
		
	for (var country in paths) {
		var obj = r.path(paths[country].path);
		obj.attr(attributes);
		obj.attr('fill', paths[country].color); 
		arr[obj.id] = country;
		
	
		if(paths[country].regionblink == '1'){
			/* Когда доходит до района с пометкой для мигания выполняется этот код */
			
			fn.wait = function(time, type) {
				time = time || 100;
				type = type || "fx";
				return this.queue(type, function() {
					var self = this;
					setTimeout(function() {
						$(self).dequeue();
					}, time);
				});
			  };
			  function runIt() {  
					obj.wait() 
					.animate({'fill-opacity': 0.8},500)  
					.wait()  
					.animate({'fill-opacity': 1},500,runIt);  
			  }
			  runIt();
			  
			 /*Конец Кода мигания обозначенного района*/
		  }

		  
		obj		
		.hover(...)
		.click(...);
	}
});

Код мигания взял с какого-то сайта, уже не помню, но дело в том, что он был привязан к div'у c id = blink
Вместо $("#blink").wait() я подвязал к объекту: obj.wait(), соответственно вместо $.fn.wait = function(time, type) написал так - fn.wait = function(time, type)
И теперь дальше выделенного района карта не простраивается, мой криво-внедренный скрипт прекращает дальнейшее построение областей на карте.
На сайте подключены библиотеки jquery 1.4.2 и raphael

Подскажите пожалуйста, как заставить район мигать?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заставить значок браузера мигать Agnat Events/DOM/Window 5 02.06.2011 12:27
svg поверх google map с использованием raphael amigo* Элементы интерфейса 1 16.06.2010 17:29