Реализация скрипта на яве.

Discussion in 'PHP' started by Memfiso, 13 Apr 2010.

  1. Memfiso

    Memfiso New Member

    Joined:
    3 Apr 2010
    Messages:
    16
    Likes Received:
    0
    Reputations:
    0
    Сразу извинюсь что возможно обращаюсь с темой которая мусолилась сто раз.

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

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

    С права есть окно, там есть кнопки Лучшее из Жизни, Новые машины и Рейтинг моделей.
     
  2. LStr1ke

    LStr1ke Elder - Старейшина

    Joined:
    29 Jul 2009
    Messages:
    801
    Likes Received:
    145
    Reputations:
    73
    1. http://ru.wikipedia.org/wiki/AJAX
    2. http://anton.shevchuk.name/javascript/jquery-for-beginners/
     
  3. Byte_

    Byte_ Elder - Старейшина

    Joined:
    7 Sep 2008
    Messages:
    143
    Likes Received:
    34
    Reputations:
    2
    jQuery:
    Code:
    $.get('/page.php',{'param1':'data1','param2':'data2'},function(data){
    $('body').html(data);
    });
    
     
  4. Memfiso

    Memfiso New Member

    Joined:
    3 Apr 2010
    Messages:
    16
    Likes Received:
    0
    Reputations:
    0
    Byte_

    А можно чуть подробнее, как полностью реализовать эту штуку, что куда засунуть :D
     
  5. Byte_

    Byte_ Elder - Старейшина

    Joined:
    7 Sep 2008
    Messages:
    143
    Likes Received:
    34
    Reputations:
    2
    Memfiso, не совсем тебя понимаю, но всё таки.
    1) jquery.com качаешь собственно сам jQuery
    2) Подключаешь его в head проекта (надеюсь сам знаешь как)
    3) Ниже в теге <script> вписываешь мой код.
    4) /page.php отдает новое содержимое <body>
    дальше вроде всё ясно
     
  6. WNZRS

    WNZRS Member

    Joined:
    3 Sep 2009
    Messages:
    294
    Likes Received:
    52
    Reputations:
    1
    Без до загрузки и без jquery:
    Code:
    <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>
     
  7. Vlad&slav

    Vlad&slav Member

    Joined:
    1 Jan 2009
    Messages:
    207
    Likes Received:
    41
    Reputations:
    9
    Аякс, jQвери аякс. В инете много примеров. Или рипни с сайта)
     
  8. Memfiso

    Memfiso New Member

    Joined:
    3 Apr 2010
    Messages:
    16
    Likes Received:
    0
    Reputations:
    0
    Сорри парни, я просто в подобных языках совсем нуб.

    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

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

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