Показать сообщение отдельно
  #9 (permalink)  
Старый 07.08.2012, 21:58
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<ul id="list">
	<li><a href="#">link1</a></li>
	<li><a href="#">link2</a></li>
	<li><a href="#">link3</a></li>
	<li><a href="#">link4</a></li>
</ul>
<div id="inf1"></div>
<div id="inf2"></div>

<script>
window.onload = function () {
	var list = document.getElementById('list');
	var inf1 = document.getElementById('inf1');
	var inf2 = document.getElementById('inf2');
	var mas1 = ["inf1.0", "inf1.1", "inf1.2", "inf1.3"];
	var mas2 = ["inf2.0", "inf2.1", "inf2.2", "inf2.3"];

	function index(elem) {
		var elems = elem.parentNode.children;
		var len = elems.length;
		for (var i = 0; i < len; i++) {
			if (elem == elems[i]) {
				return i;
			}
		}
	}
	
	list.onclick = function (e) {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.parentNode.parentNode.id == 'list') {
			var num = index(target.parentNode);
			inf1.innerHTML = mas1[num];
			inf2.innerHTML = mas2[num];
		} 
	}

}
</script>


PS: возможно есть проще способы определить номер элемента в списке
Ответить с цитированием