PDA

Просмотр полной версии : Реализация скрипта на яве.

Memfiso
13.04.2010, 02:47
Сразу извинюсь что возможно обращаюсь с темой которая мусолилась сто раз.

Нужен код, который при нажатии на кнопку менял бы содержимое страницы без до загрузки.

Что то похожее есть на www.drive2.ru

С права есть окно, там есть кнопки Лучшее из Жизни, Новые машины и Рейтинг моделей.
LStr1ke
13.04.2010, 03:41
1. http://ru.wikipedia.org/wiki/AJAX
2. http://anton.shevchuk.name/javascript/jquery-for-beginners/
Byte_
13.04.2010, 08:35
jQuery:

$.get('/page.php',{'param1':'data1','param2':'data2'},func tion(data){
$('body').html(data);
});
Memfiso
13.04.2010, 14:07
Byte_

А можно чуть подробнее, как полностью реализовать эту штуку, что куда засунуть :D
Byte_
13.04.2010, 14:41
Memfiso, не совсем тебя понимаю, но всё таки.
1) jquery.com качаешь собственно сам jQuery
2) Подключаешь его в head проекта (надеюсь сам знаешь как)
3) Ниже в теге <script> вписываешь мой код.
4) /page.php отдает новое содержимое <body>
дальше вроде всё ясно
WNZRS
13.04.2010, 16:40
Без до загрузки и без jquery:
<html>
<head>
<title>...</title>
<script language="JavaScript">
function SetContent(text, allpage)
{
if(allpage) document.body.innerHTML = text;
else document.getElementById('page_text').innerHTML = text;
}
</script>
</head>
<body>
<input type="button" onClick="SetContent('<h1>Page 1</h1>Not found',0);" value="Page 1">
<input type="button" onClick="SetContent('<h1>Page 2</h1>NULL',0);" value="Page 2">
<input type="button" onClick="SetContent('<h1>WHITE PAGE</h1>', 1);" value="Page 3">
<div id="page_text">Hello, click to any button</div>
</body>
</html>
Vlad&slav
13.04.2010, 18:00
Аякс, jQвери аякс. В инете много примеров. Или рипни с сайта)
Memfiso
13.04.2010, 18:35
Сорри парни, я просто в подобных языках совсем нуб.

<BODY bgColor=#dddddd padding top=0>
<CENTER> <TABLE width=800 bgColor=#B37CFC> <TBODY>
<tr>
<td height=300><h3><center>ПРИМЕР</td> </tr>
<table width=800 cellSpacing=0>
<td bgcolor=#FFCC00>Линк 1</td>
<td bgcolor=#006699> Линк 2 </td>
<td bgcolor=#FFCC00> Линк 3 </td>
<td bgcolor=#006699> Линк 4 </td>
<td bgcolor=#FFCC00> Линк 5 </td>
</table>
<table width=800 cellSpacing=0>
<td bgColor=#B37CFC height=400><h2><p align=center> ОБЛАСТЬ ТЕКСТА </td>
</table>

Вот код расположения элементов в HTML

При нажатии на линк должна сменятся только ОБЛАСТЬ ТЕКСТА.

ШАПКА И ЛИНКИ НЕПОДВИЖНЫ.