Помогите с Ajax.....

  • Автор темы kostyn
  • Дата начала
K

kostyn

#1
Помогите реализовать на ajax следующее...
Код:
<a href=.......>Показ div с id=1(и по умочанию)</a> | <a href="...........">Показ div с id=2</a>
<div id="1">
<?php
echo "Содержимое слоя с id=1";
?>
</div>
<div id="2">
<?php
echo "Содержимое слоя с id=2";
?>
</div>

Нужно чтобы при нажатии на соответсвующую ссылку в браузер выводилось содержимое соотв. div
Если можно поподробнее, плз..., для чайника....
 
F

Flying

#3
так содержимое для вывода в div-ах отдается со скриптов на сервере, походу это ajax :)

Нужно чтобы при нажатии на соответсвующую ссылку в браузер выводилось содержимое соотв. div
Если можно поподробнее, плз..., для чайника....
onClick отправлем запрос к первому скрипту на сервере, получаем от него ответ, а потом через DOM меняем содержимое нужного div-а на то, что получили с сервера

можно нагуглить почти готовое решение
 
K

kostyn

#5
можно нагуглить почти готовое решение
и гуглил и яндексил, готового не нашел, вот и прошу, может кто делал подобное и уже готовые решения есть, плз ))))

да, и еще, дело не в выводе в дивах содержимого внешних файлов, это есть...
а именно вывод в браузер соответствующего нажатой ссылки div...
 
E
#6
kostyn Так а при чем тут ajax? неговорите, как хотите, только и ответа тогда врядли дождетесь ...
 
F

Flying

#7
AJAX (ˈeɪdʒжks, от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — это подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся более быстрыми и удобными.
как я понял, г-ну kostyn то и надо, чтоб при нажатии на ссылку содержимое дива менялось на другое, которое отдается скриптом на сервере, а не подгружается изначально в невидимом div-е... Иначе зачем там в первом посте php код был?

хотя сейчас я посмотрел, там этот код в div-ах, и вообще ХЗ что там надо...

может быть не аякс, а что-то типа этого вам надо?
Код:
<html>
<head>
<title>Ы</title>

<script language="JavaScript">

function show_div1() {
document.getElementById("my_magic_div").innerHTML = "Тут содержимое первого div-а, хотя какой тут див вообще?";
}

function show_div2() {
document.getElementById("my_magic_div").innerHTML = "Тут содержимое якобы второго div-а";
}

</script>

</head>
<body style="padding:100px;" onLoad="show_div1();">

<a href="java script:show_div1()">Показать 1-й ДИВ</a> | <a href="java script:show_div2()">Показать 1-й ДИВ</a><br><br>

<span id="my_magic_div" style="background-color: yellow; padding: 10px;">JS должен быть включен</span>

</body>
</html>
токо тут ни аякса ни дивов...

----

да, чтоб поисковиками все нормально индексировалось надо текст хранить в невидимых дивах в body, а не в JS...
 
K

kostyn

#8
как я понял, г-ну kostyn то и надо, чтоб при нажатии на ссылку содержимое дива менялось на другое, которое отдается скриптом на сервере, а не подгружается изначально в невидимом div-е... Иначе зачем там в первом посте php код был?
вот-вот, как раз и надо, чтобы содержимое дивов подгружалось сразу, а показывалось только выбранный по ссылке див...

В дивах прописаны разные модули cms, и вот нужно чтобы выводился в браузер только один из модулей, и вывод этих модулей должен быть привязан к ссылкам соответствующим... САмое главное без перезагрузки всей страницы!!!

может быть не аякс, а что-то типа этого вам надо?
Конечно может быть и не ajax!!!
Просто у меня ассоциация с ajax - это вывод определенной информации без перезагрузки всей страницы по ссылке...
Этот фрагмент внутри cms находится, подгружение с сервера не получается ((((

Извиняюсь что непонятно для спецов изясняюсь :rolleyes:
 
K

kostyn

#10
Всем спасибо, разобрался ))))
Все оказалось довольно просто, впрочем как всегда ))))
Не зря говорят: правильно сформулированный вопрос содержит половину ответа....
AJAX в моем случае не подходит (тему конечно неправильно назвал) .
Нужно было в одном месте cms сделать скрытие/показ определенного модуля по ссылкам.
Вот привожу код для таких же как я.....
Код:
<head>
.
.
.
<script language="JavaScript">

function show_div1() {
layer=document.getElementById("my_magic_div1");
layer.style.display="";
layer=document.getElementById("my_magic_div2");
layer.style.display="none";
}

function show_div2() {
layer=document.getElementById("my_magic_div2");
layer.style.display="";
layer=document.getElementById("my_magic_div1");
layer.style.display="none";
}

</script>
</head>

<body onLoad="show_div1();">
.
.
.
здесь код cms
.
.
.

<a href="java script:show_div1()">Показать 1-й ДИВ</a> | <a href="java script:show_div2()">Показать 2-й ДИВ</a>
<br><br>

<div id="my_magic_div1">
<?php
echo "модуль 1";
?>
</div>
<div id="my_magic_div2">
<?php
echo "модуль 2;
?>
</div>
.
.
.
</body>
Думаю что комментировать особо нечего )))