Всем привет!
Хочу зделать так, чтобы на странице информация менялась только в одном окне таблицы, а меню и все т.п. оставалось на месте!
Возможно ли это, и есло да то как?
Вид для печати
Всем привет!
Хочу зделать так, чтобы на странице информация менялась только в одном окне таблицы, а меню и все т.п. оставалось на месте!
Возможно ли это, и есло да то как?
с перезагрузкой всей страницы или с догрузкой только содержимого "окна" (ячейки, да?)?
С перезагрузкой только содержимого окна
Речь очевидно идет об Ajax.
Для того, чтобы менять данные на странице асинхронно надо писать два взаимодействующих скрипта - на сервере (допустим на PHP) и на клиенте (на JavaScript). Т. е. по какому-то событию (например по выбору ссылки в меню) вы запускаете Javasript, который отправляете серверному скрипту запрос на содержимое ячейки таблицы. Серверный скрипт отвечает, javascript заливает этот ответ именно в нужную ячейку.
Вообще говоря логика работы зависит только от задачи, но есть и готовые Ajax движки. Напрмер xAjax. Почитайте [Only registered and activated users can see links. Click Here To Register...] и [Only registered and activated users can see links. Click Here To Register...]
2 Mihail
Мнеприходилось один раз такую штеку клепать, это мне удалось при помощи простого JS, innerHTML и доступа к ячейкам таблицы. Происходит все на клиенте.
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=1251">
</head>
<script type="text/javascript" language="JavaScript">
*
****function link1()
****{****
*document.all.TAB.rows["R4"].cells[0].innerHTML="
Изменение 1
Изменение 1
Изменение 1
Изменение 1
</p>"
****}
****function link2()
****{
*document.all.TAB.rows["R4"].cells[0].innerHTML="
Изменение 2
Изменение 2
Изменение 2
Изменение 2</p>"
****}
****function link3()
****{
* document.all.TAB.rows["R4"].cells[0].innerHTML="
Изменение 3
Изменение 3
Изменение 3
Изменение 3</p>"
****}
****function link4()
****{
*document.all.TAB.rows["R4"].cells[0].innerHTML="
Изменение 4
Изменение 4
Изменение 4
Изменение 4</p>"
****}
*
</SCRIPT>
<body>
<TABLE BORDER="1" id="TAB" >
*
*<TR>
* * * <TD colspan="3" height="15">
* * * * * * * * * * * * * *<BUTTON onClick="link1()">Изменение 1</BUTTON>
* * *****<BUTTON onClick="link2()">Изменение 2</BUTTON>
* * *****<BUTTON onClick="link3()">Изменение 3</BUTTON>
* * *****<BUTTON onClick="link4()">Изменение 4 </BUTTON> * * * *
* *
* * * </TD>
*</TR>
*
*<TR id="R4">
* * * *<TD>В этой ячейке происходят изменения
при нажатии на кнопку</TD>
*</TR>
</TABLE>
</body>
</html>
Скопируй полность и попробуй, мне такая штука понадобилась. :)
the end, а если вариантов 40? или 140? или, что еще забавней, результат зависит от данных, доступных только на сервере? [Only registered and activated users can see links. Click Here To Register...]