Показать сообщение отдельно
  #8 (permalink)  
Старый 27.12.2013, 13:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,238

Сообщение от plumkin
показать пример кода для обработки реакции при нажатии на такой регион?
Как иллюстрация...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.info {
	display: none;
}
.info.on {
	display: block;
}
</style>
<script type="text/javascript">
$(function (){
	$('#map > a').click(function (){
		var id=$(this).data('info');
		$('#info > .on').removeClass('on');
		$('#'+id).addClass('on');
	});
});
</script>
</head>
<body>
<div id='map'>
	<a href='#' data-info='itm1'>1</a>
	<a href='#' data-info='itm2'>2</a>
	<a href='#' data-info='itm3'>3</a>
</div>
<div id='info'>
	<div class='info' id='itm1'>один</div>
	<div class='info' id='itm2'>два</div>
	<div class='info' id='itm3'>три</div>
</div>
</body>
</html>
Ответить с цитированием