Показать сообщение отдельно
  #5 (permalink)  
Старый 08.06.2012, 18:37
Аспирант
Отправить личное сообщение для hadzhimuratov Посмотреть профиль Найти все сообщения от hadzhimuratov
 
Регистрация: 30.05.2012
Сообщений: 37

Сообщение от hadzhimuratov Посмотреть сообщение
без скрипта визуально не красиво получается, а вот с Рафаэлем все очень даже симпатично, только вот теперь не знаю, как событие при клике описать, что бы открывалась при нажатии на регион...
for (var country in paths) {
		
		var obj = r.path(paths[country].path);
		
		obj.attr(attributes);
		
		arr[obj.id] = country;
		
		obj
		.hover(function(){
			this.animate({
				fill: '#896644'
			}, 300);
		}, function(){
			this.animate({
				fill: attributes.fill
			}, 300);
		})
		.click(function(){
			document.location.hash = arr[this.id];
			
			var point = this.getBBox(0);
			
			$('#map').next('.point').remove();
			
			$('#map').after($('<div />').addClass('point'));
			
			$('.point')
			.html(paths[arr[this.id]].name)
			.prepend($('<a />').attr('href', '#').addClass('close').text('Закрыть'))
			.prepend($('').attr('src', 'yandex.ru/flags/'+arr[this.id]+'.png'))
/*КОММЕНТАРИЙ <img /> ФЛАЖОК*/
			.css({
				left: point.x+(point.width/2)-80,
				top: point.y+(point.height/2)-20
			})
			.fadeIn();
			
		});
		
		$('.point').find('.close').live('click', function(){
			var t = $(this),
				parent = t.parent('.point');
			
			parent.fadeOut(function(){
				parent.remove();
			});
			return false;
		});
		
		
		 
		
	}
Ответить с цитированием