Как вывести информацию в нужный div при нажатии на ссылку ?

[333_org_ua]

подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !

[Vlad]

Вот здесь уже обсуждали.

http://forum.htmlbook.ru/index.php?showtopic=22818

[roma]

Если информации не много можешь все сделать в одном HTML файле Вот так я однажды сделал

Написал функцию java script:

<script type="text/javascript">
		function fcon(elid) {
			for (var i=0;i<8;i++){
				var c='b'+i;
				var a=document.getElementById(c);
				a.style.display='none';
			};
			var b=document.getElementById(elid);
			b.style.display='block';
		};
	</script>

В общем у меня на странице 7 ссылок и в блоке где выводится контент соответственно 7 блоков с текстом у семерых из них стоит display:none; каждjq ссылке на событие onclick присвоен обработчик (функция которая выше) с входным параметром равным id(elid) соответствующего данной ссылке блока. она сначала всем 8 блокам ставит display:none а нужному display:block

вот html

<a href="#" id="a1" onclick="fcon('b1')">1</a>

			<a href="#" id="a2" onclick="fcon('b2')">2</a>

			<a href="#" id="a3" onclick="fcon('b3')">3</a>

			<a href="#" id="a4" onclick="fcon('b4')">4</a>

			<a href="#" id="a5" onclick="fcon('b5')">5</a>

			<a href="#" id="a6" onclick="fcon('b6')">6</a>

			<a href="#" id="a7" onclick="fcon('b7')">7</a>

надеюсь я понятно обьяснил

Edited November 8, 2010 by roma

[333_org_ua]

Если информации не много можешь все сделать в одном HTML файле Вот так я однажды сделал

Написал функцию java script:

<script type="text/javascript">
		function fcon(elid) {
			for (var i=0;i<8;i++){
				var c='b'+i;
				var a=document.getElementById(c);
				a.style.display='none';
			};
			var b=document.getElementById(elid);
			b.style.display='block';
		};
	</script>

В общем у меня на странице 7 ссылок и в блоке где выводится контент соответственно 7 блоков с текстом у семерых из них стоит display:none; каждjq ссылке на событие onclick присвоен обработчик (функция которая выше) с входным параметром равным id(elid) соответствующего данной ссылке блока. она сначала всем 8 блокам ставит display:none а нужному display:block

вот html

<a href="#" id="a1" onclick="fcon('b1')">1</a>

			<a href="#" id="a2" onclick="fcon('b2')">2</a>

			<a href="#" id="a3" onclick="fcon('b3')">3</a>

			<a href="#" id="a4" onclick="fcon('b4')">4</a>

			<a href="#" id="a5" onclick="fcon('b5')">5</a>

			<a href="#" id="a6" onclick="fcon('b6')">6</a>

			<a href="#" id="a7" onclick="fcon('b7')">7</a>

надеюсь я понятно обьяснил

Все сделал как в Вашем коде но информация выводится в новом окне, а нужно что бы информация выводилась в том же окне где и находятся ссылки но в соседнем div

я где то читачто это делается с помощью java scipt. напишите примерный код кто нибудь пожалуйста !!!!!!!!!

[roma]

а это тебе не джава скрипт что ли? а выводится он в новом окне из за твоей не способности переправить код под свои нужды...