Помощник
|
Динамическая загрузка страницы |
dimjan4
|
Сообщение
#1
|
||
|
|
||
|
|||
alexdrob |
19.11.2009, 19:49;
Ответить: alexdrob
Сообщение
#2
|
|
А можно узнать поподробнее что именно вам нужно? Как понять динамическая загрузка?
|
|
|
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 |
19.11.2009, 20:12;
Ответить: alexdrob
Сообщение
#4
|
|
Делай с помощью ajax
|
|
|
dimjan4
|
Сообщение
#5
|
|
Я пробывал переделать вот эту http://www.phatfusion.net/pageloader/ , но у меня вобще не работает!
|
|
|
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
|
Сообщение
#7
|
|
Можно ещё вопросик:
Как сделать, чтобы пока загружается показывалась картинка ajax_loader.gif?? P.S За скрипт спасибо ОГРОМНОЕ! |
|
|
alexdrob |
19.11.2009, 21:40;
Ответить: alexdrob
Сообщение
#8
|
|
function getFile(url){ тут показывай картинку loadXMLDoc(url); }; if (req.status == 200){
тут скрывай document.getElementById('content').innerHTML=req.responseText; }; |
|
|
Htmlmaster |
14.1.2010, 23:39;
Ответить: Htmlmaster
Сообщение
#9
|
|
вот набросал небольшей пример <!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 |
15.1.2010, 0:25;
Ответить: alexdrob
Сообщение
#10
|
|
|
А что в каком браузере не работает?
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Нужно ли закрывать ненужные страницы тегом noindex, follow? | 8 | noviktamw | 2918 | 2.3.2024, 12:53 автор: toplinks |
|
BuxarVideoUploader - Автоматическое скачивание и загрузка видео из любых/ на любые видео хостинги (YouTube, TikTok, Instagram, Facebook, Яндекс Дзен, Вконтакте, Одноклассники, Rutube, Dailymotion, d.tube, Telegram и т.д. | 0 | BuxarNET | 1228 | 19.7.2023, 5:58 автор: BuxarNET |
|
Сверстать страницы из figma нужно сделать страницы для веб приложения |
1 | bluestorm | 1298 | 7.6.2022, 18:11 автор: doharddocode |
|
Подобрать группы и страницы и разместить ссылку | 4 | Lacomka | 3415 | 21.2.2022, 8:43 автор: АлексейWEB |
|
Верстка и внедрение на сайт макета главной страницы Требуется: с Figma на Laravel |
2 | ARsHi | 1673 | 27.3.2021, 0:57 автор: Ogaelath |
Текстовая версия | Сейчас: 26.4.2024, 7:35 |