Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Изменение контента страницы...

#1 Гость_glorx_*

Гость_glorx_*
  • Гости
0

Отправлено 18 Апрель 2009 - 14:28

Здравствуйте, у меня такой вопрос...
Покажу на примере:
Вот есть страничка со списком в виде ссылок:
<ul>
<li><a>Строка1</a>
<li><a>Строка2</a>
.............
</ul>
При нажатии на ссылку должна появляться информация раскрывающая смысл заголовка ссылки...
Так вот у меня вопрос как эту информацию разместить на этой же страничке, без создания новой страницы, без фреймов...
Стилями(div'ами) можно же как то менять контент станички..Вот хотелось бы разобраться как
Помогите пожалуйста!!!
Заранее благодарен B)

 

 

  • 0

#2 Гость_glorx_*

Гость_glorx_*
    Topic Starter
  • Гости

Отправлено 23 Апрель 2009 - 15:47

ну что никто незнает??? или фигню спросил???((
  • 0

#3 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 23 Апрель 2009 - 18:54

glorx, разные способы есть. Но сайт сделанный подобным образом вы точно не продвините в поисковиках. Ведь поисковые боты, они не люди, они не умеют обращаться к странице два раза без перезагрузки.

Вообще я бы лучше сделал на одном из серверных языков, PHP или SSI. Как и что уже обсуждалось на форуме. Но обязательно должен быть сервер с поддержкой одного из этих языков.
Так же есть вариант Ajax технологии, которая так же обсуждалась на форуме.

Если уж очень приспичит, то можно сделать пару div с различным контентом и грузить их.
<html>
<head>
<script type="text/javascript">

function setContent(id) {
	parentElem = document.getElementById('content');
	element = document.getElementById(id);
	hiddenChilds(parentElem);
	element.style.display = "block";
}

function hiddenChilds(parentElem) {
	for (var childItem in parentElem.childNodes) {
	if (parentElem.childNodes[childItem].nodeType == 1)
		parentElem.childNodes[childItem].style.display = "none";
	}


}
</script>
</head>
<body onLoad="setContent('content1');">
<div id="menu">
	<a href="java script:setContent('content1');">Первая ссылка</a>
	<a href="java script:setContent('content2');">Вторая ссылка</a>
	<a href="java script:setContent('content3');">Третья ссылка</a>
</div>
<div id="content">
	<div id="content1">первый блок</div>
	<div id="content2">второй блок</div>
	<div id="content3">третий блок</div>
</div>
</body>
</html>

  • 0


Оформление форума – IPBSkins.ru