Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Реализация скрипта на яве. (https://forum.antichat.xyz/showthread.php?t=195805)

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'},function(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
Сорри парни, я просто в подобных языках совсем нуб.

Код HTML:
<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

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

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


Время: 01:27