Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 03.01.2011, 17:32   #1
Glavar
Новичок
 
Регистрация: 06.12.2009
Сообщений: 2
Репутация: 10
По умолчанию Навигация без перезагрузки

Подскажите как бы сделать навигацию без перезагрузки. Есть файлы 1-5.php . И потом при нажатии на OnClick подгружается файл. Или все файлы уже загружены но 2-5.php - невидимые и только после нажатия их можно увидеть.
Glavar вне форума   Ответить с цитированием
Старый 03.01.2011, 18:40   #2
InternetStranger
php / delphi
Форумчанин
 
Аватар для InternetStranger
 
Регистрация: 10.06.2007
Адрес: Уфа
Сообщений: 175
Репутация: 60

icq: 424608257
По умолчанию

Либо учите JavaScript (jQuery) + AJAX и все ваши вопросы отпадут сами собой, либо есть очень простой и эффективный способ с использованием iframe.
Создаем Iframe на странице, например, с id="my_frame"

В обработчике onclick вызываем эту функцию:

PHP код:
function showhtmlFileName ) {
    var 
IFrameElement document.getElementById('my_frame');
    if (
IFrameElement){ IFrameElement.src FileName; }
}; 
__________________
G.Azamat { Web Development / Computer simulation }
Начинающий программист думает, что в килобайте 1000 байтов, а законченный уверен, что в километре 1024 метра.

Последний раз редактировалось InternetStranger; 03.01.2011 в 18:43.
InternetStranger вне форума   Ответить с цитированием
Старый 03.01.2011, 20:06   #3
Никки
Участник клуба
 
Аватар для Никки
 
Регистрация: 20.11.2007
Адрес: Пермь
Сообщений: 500
Репутация: 108

icq: 325023270
По умолчанию

Фреймы - это моветон! Только AJAX!
__________________
Операторы России
Никки вне форума   Ответить с цитированием
Старый 03.01.2011, 21:38   #4
InternetStranger
php / delphi
Форумчанин
 
Аватар для InternetStranger
 
Регистрация: 10.06.2007
Адрес: Уфа
Сообщений: 175
Репутация: 60

icq: 424608257
По умолчанию

Цитата:
Сообщение от Никки Посмотреть сообщение
Фреймы - это моветон! Только AJAX!
Никто и не спорит. Для себя давно уже выкинул из памяти этот чудесный тег.
Но при отсутствии возможности (читай - опыта, умений, знаний...), iframe тоже сканает

И м/о создать создать навигацию (многостраничный сайт) чисто из html-файлов и разместить его на вшивеньком бесплатном хостинге без поддержки php ))

Хотя... интересно вот, $.ajax в jQuery сможет запросить статический текстовый файл? Раньше в голову не приходило

UPD: Работает. Пример приложен в архиве.
Вложения
Тип файла: rar ajax.rar (26.6 Кб, 7 просмотров)
__________________
G.Azamat { Web Development / Computer simulation }
Начинающий программист думает, что в килобайте 1000 байтов, а законченный уверен, что в километре 1024 метра.

Последний раз редактировалось InternetStranger; 03.01.2011 в 22:08.
InternetStranger вне форума   Ответить с цитированием
Старый 04.01.2011, 00:51   #5
Никки
Участник клуба
 
Аватар для Никки
 
Регистрация: 20.11.2007
Адрес: Пермь
Сообщений: 500
Репутация: 108

icq: 325023270
По умолчанию

AJAX может запросить хоть что, лишь бы с этого же домена
__________________
Операторы России
Никки вне форума   Ответить с цитированием
Старый 11.01.2011, 22:48   #6
Ghennadiy
Форумчанин
 
Регистрация: 21.08.2009
Сообщений: 153
Репутация: 6
Сообщение

Код HTML:
<html>
   <head>
       <script language="JavaScript" type="text/javascript">
         function showElement(id) {
             var ids = Array('first', 'second', 'third');
             document.getElementById(id).style.display = 'block';
             var cnt = ids.length;
             for(i = 0; i < cnt; i++) {
               if(ids[i] != id)
                   document.getElementById(ids[i]).style.display = 'none';
             }
         }
       </script>
   </head>
   <body>
       <a href="javascript:showElement('first')">First table</a> &nbsp; 
       <a href="javascript:showElement('second')">Second table</a> &nbsp; 
       <a href="javascript:showElement('third')">Third table</a> &nbsp; 
       <table id="first" style="display: none;">
         <tr>
             <td>It is</td>
             <td>first table</td>
         </tr>
         <tr>
             <td>row 2 col 1</td>
             <td>row 2 col 2</td>
         </tr>
       </table>
       <table id="second" style="display: none;">
         <tr>
             <td>It is</td>
             <td>second table</td>
         </tr>
         <tr>
             <td>row 2 col 1</td>
             <td>row 2 col 2</td>
         </tr>
       </table>
       <table id="third" style="display: none;">
         <tr>
             <td>It is</td>
             <td>third table</td>
         </tr>
         <tr>
             <td>row 2 col 1</td>
             <td>row 2 col 2</td>
         </tr>
       </table>
   </body>
 </html>
тоже самое только проще
Ghennadiy вне форума   Ответить с цитированием
Старый 12.01.2011, 00:14   #7
Никки
Участник клуба
 
Аватар для Никки
 
Регистрация: 20.11.2007
Адрес: Пермь
Сообщений: 500
Репутация: 108

icq: 325023270
По умолчанию

Ghennadiy, а если данные должны изменяться динамически?
__________________
Операторы России
Никки вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод постов без перезагрузки BIFFF JavaScript, Ajax 5 09.12.2009 02:55
скрипт скрытия / отображения текста без перезагрузки (не работает в опере) vlad007 JavaScript, Ajax 12 10.11.2009 14:08
Форум без перезагрузки страницы. Как все собрать в едино? Web-Gangsta JavaScript, Ajax 15 07.05.2009 00:32
получение форм без перезагрузки страници AJAX memka PHP 1 08.04.2009 23:19
Как изменить partition table без перезагрузки alexBlack Assembler 3 12.02.2008 09:03


10:29.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru