X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Динамическая загрузка страницы
dimjan4
dimjan4
Topic Starter сообщение 19.11.2009, 19:42; Ответить: dimjan4
Сообщение #1


Здравствуйте!
Не могли бы Вы помочь сделать динамическую загрузку страницы?? Просто я искал много скриптов, но все они плохо работают!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 19.11.2009, 19:49; Ответить: alexdrob
Сообщение #2


А можно узнать поподробнее что именно вам нужно? Как понять динамическая загрузка?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 19.11.2009, 20:08; Ответить: dimjan4
Сообщение #3


Я думаю, Вам будет понятно если я напишу иквивалент на javascript:
[PHP]function targ(div){
document.getElementById('first_block').style.display = 'none';
document.getElementById('second_block').style.display = 'none';
document.getElementById('start_block').style.display = 'none';
document.getElementById(div).style.display = 'block';
if(div=='first_block'){
document.getElementById('link2').className = '';
document.getElementById('link1').className = 'link_active';
document.getElementById('link3').className = '';
}
if(div=='second_block') {
document.getElementById('link2').className = 'link_active';
document.getElementById('link1').className = '';
document.getElementById('link3').className = '';
}
if(div=='start_block') {
document.getElementById('link2').className = '';
document.getElementById('link1').className = '';
document.getElementById('link3').className = 'link_active';
}
}[/PHP]

<a href="#" onclick="targ('start_block');" id="link3" class="link_active">1</a>
<a href="#" onclick="targ('first_block');" id="link1">2</a>
<a href="#" onclick="targ('second_block');" id="link2">3</a>


Только мне надо чтобы не сразу вся инфа в дивы загружалась, а чтобы при клике уже подгружалось в див.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 19.11.2009, 20:12; Ответить: alexdrob
Сообщение #4


Делай с помощью ajax
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 19.11.2009, 20:30; Ответить: dimjan4
Сообщение #5


Я пробывал переделать вот эту http://www.phatfusion.net/pageloader/ , но у меня вобще не работает!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 19.11.2009, 20:36; Ответить: alexdrob
Сообщение #6


вот набросал небольшей пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Ïðèìåð</title>

<script language="JavaScript" type="text/javascript">

var req;

function processReqChange() {
if (req.readyState == 4){
if (req.status == 200){
document.getElementById('content').innerHTML=req.responseText;
};
};
};

function loadXMLDoc(url) {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send();
};
};
};

function getFile(url){
loadXMLDoc(url);
};

</script>


</head>
<body>

<a href="#" onclick="getFile('page1.txt')">1</a>
<a href="#" onclick="getFile('page2.txt')">2</a>
<a href="#" onclick="getFile('page3.txt')">3</a>

<div id='content'></div>

</body>
</html>


создай три файла page1.txt page2.txt page3.txt с текстом

только для проверки нужно использовать сервер. дибо локально установленный либо на хостер выкладывать

можно попробовать без сервера если заменить

if (req.status == 200){
на
if (req.status == 0){

но не гарантирую что так получится на Windows 7 не работает на XP работало. так что лужше используй сервер
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 19.11.2009, 21:17; Ответить: dimjan4
Сообщение #7


Можно ещё вопросик:
Как сделать, чтобы пока загружается показывалась картинка ajax_loader.gif??
P.S За скрипт спасибо ОГРОМНОЕ!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 19.11.2009, 21:40; Ответить: alexdrob
Сообщение #8


function getFile(url){
тут показывай картинку
loadXMLDoc(url);
};


if (req.status == 200){
тут скрывай
document.getElementById('content').innerHTML=req.responseText;
};
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 14.1.2010, 23:39; Ответить: Htmlmaster
Сообщение #9


(alexdrob @ 19.11.2009, 22:36) *
вот набросал небольшей пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Ïðèìåð</title>

<script language="JavaScript" type="text/javascript">

var req;

function processReqChange() {
if (req.readyState == 4){
if (req.status == 200){
document.getElementById('content').innerHTML=req.responseText;
};
};
};

function loadXMLDoc(url) {
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send();
};
};
};

function getFile(url){
loadXMLDoc(url);
};

</script>


</head>
<body>

<a href="#" onclick="getFile('page1.txt')">1</a>
<a href="#" onclick="getFile('page2.txt')">2</a>
<a href="#" onclick="getFile('page3.txt')">3</a>

<div id='content'></div>

</body>
</html>


создай три файла page1.txt page2.txt page3.txt с текстом

только для проверки нужно использовать сервер. дибо локально установленный либо на хостер выкладывать

можно попробовать без сервера если заменить

if (req.status == 200){
на
if (req.status == 0){

но не гарантирую что так получится на Windows 7 не работает на XP работало. так что лужше используй сервер

Не работает, потому что сделано не кроссбраузерно, не во всех браузерах будет работать, чтобы работала везде нужно пересматривать все случаи...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 15.1.2010, 0:25; Ответить: alexdrob
Сообщение #10


А что в каком браузере не работает?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
 8 noviktamw 2915 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) BuxarVideoUploader - Автоматическое скачивание и загрузка видео из любых/ на любые видео хостинги (YouTube, TikTok, Instagram, Facebook, Яндекс Дзен, Вконтакте, Одноклассники, Rutube, Dailymotion, d.tube, Telegram и т.д.
 0 BuxarNET 1226 19.7.2023, 5:58
автор: BuxarNET
Открытая тема (нет новых ответов) Сверстать страницы из figma
нужно сделать страницы для веб приложения
 1 bluestorm 1297 7.6.2022, 18:11
автор: doharddocode
Открытая тема (нет новых ответов) Подобрать группы и страницы и разместить ссылку
 4 Lacomka 3412 21.2.2022, 8:43
автор: АлексейWEB
Открытая тема (нет новых ответов) Верстка и внедрение на сайт макета главной страницы
Требуется: с Figma на Laravel
 2 ARsHi 1673 27.3.2021, 0:57
автор: Ogaelath


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 20:00

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet