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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Подгрузка контента без перезагрузки страницы
divin0rum
divin0rum
Topic Starter сообщение 26.11.2009, 14:48; Ответить: divin0rum
Сообщение #1


Только начинаю разбираться.
Использую вот такой скрипт:
<script>
function showContent(link) {
var cont = document.getElementById('contentBody');
var loading = document.getElementById('loading');
cont.innerHTML = loading.innerHTML;
var http = createRequestObject();
if( http )
{ http.open('get', link);
http.onreadystatechange = function ()
{ if(http.readyState == 4)
{ cont.innerHTML = http.responseText; } }
http.send(null); }
else
{ document.location = link; } }
// ajax объект
function createRequestObject()
{ try { return new XMLHttpRequest() }
catch(e)
{ try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e)
{ try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; } } } }
</script>


И например такой код HTML:
<a href="#" id="1" onClick="showContent('page1.html')"></a>
<a href="#" id="2" onClick="showContent('page2.html')"></a>
....

<div id="contentBody">
<!-- CONTENT -->
</div>
<div id="loading" style="display: none">
Идет загрузка...
</div>


Все работает. Не могу только понять как сделать так, чтобы например page1.html уже подгружалась по умолчанию при загрузке всей страницы.

Спасибо огромное за помощь!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 26.11.2009, 15:18; Ответить: Webmaster_hb
Сообщение #2


в конце страницы
<script>
showContent('page1.html')
</script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
divin0rum
divin0rum
Topic Starter сообщение 26.11.2009, 15:26; Ответить: divin0rum
Сообщение #3


Спасибо! То что нужно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alokey
alokey
сообщение 5.4.2012, 17:04; Ответить: alokey
Сообщение #4


Складывается впечатление что не подгружаются скрипты..
пытаюсь внедрить фотогаллерею которая бы открывалась на новом слое.. но ничего не работает..

что делать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 5.4.2012, 17:21; Ответить: Azazaza_hb
Сообщение #5


проверить пути, показать код
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alokey
alokey
сообщение 5.4.2012, 18:41; Ответить: alokey
Сообщение #6


с путями всячески извращался не получается..
как я понял, там скрипт galleria-1.2.6.min.js генерирует некоторые пути к galleria.classic.css файлу и к galleria.classic.min.js

скрипт фотогалереи находится здесь
http://galleria.io/download/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 5.4.2012, 19:55; Ответить: Azazaza_hb
Сообщение #7


вот сдесь рабочий пример галереи http://galleria.io/docs/getting_started/be.../#complete-code
единственное- надо задавать высоту для #galleria, будет так

<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="galleria/galleria-1.2.7.min.js"></script>
<style>
#galleria{height:500px}
</style>
</head>
<body>
<div id="galleria">
<img src="photo1.jpg">
<img src="photo2.jpg">
<img src="photo3.jpg">
</div>
<script>
Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
Galleria.run('#galleria');
</script>
</body>
</html>


у меня так работает)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alokey
alokey
сообщение 5.4.2012, 20:48; Ответить: alokey
Сообщение #8


даже при таком раскладе кода ничего не подгружается((
заветная надпись jQuery works не появляется

index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr" >
<head>
<title>Divo</title>
<meta name="description" content="Сайт" />
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script>
function showContent(link) {
var cont = document.getElementById('contentBody');
var loading = document.getElementById('loading');
cont.innerHTML = loading.innerHTML;
var http = createRequestObject();
if( http )
{ http.open('get', link);
http.onreadystatechange = function ()
{ if(http.readyState == 4)
{ cont.innerHTML = http.responseText; } }
http.send(null); }
else
{ document.location = link; } }
// ajax объект
function createRequestObject()
{ try { return new XMLHttpRequest() }
catch(e)
{ try { return new ActiveXObject('Msxml2.XMLHTTP') }
catch(e)
{ try { return new ActiveXObject('Microsoft.XMLHTTP') }
catch(e) { return null; } } } }
</script>
<link rel="stylesheet" href="../../../css/style.css" type="text/css" />
<link rel="stylesheet" href="../../../css/second-style.css" type="text/css" />
</head>
<body>
<table id="skeleton" class="skeleton-table" border="1">
<tbody>
<tr class="skeleton-row">
<td id="skeleton-col-header" class="skeleton-col">
<div id="header">
<div id="logo">
<a href="http://hay1.ru"><img src="../../../images/logo.png" /></a>
</div>
<div id="main-menu">

</div>
</div>
</td>
</tr>
<tr class="skeleton-row">
<td id="skeleton-col-center" class="skeleton-col">
<p>Какую страницу желаете открыть?</p>

<a href="#" id="1" onClick="showContent('galleria.php')">1</a>
<a href="#" id="2" onClick="showContent('page2.html')">2</a>

<div id="contentBody">
<!-- CONTENT -->
</div>
<div id="loading" style="display: none">
Идет загрузка...
</div>
</td>
</tr>
<tr class="skeleton-row">
<td id="skeleton-col-footer" class="skeleton-col">
<div id="footer">
</div>
</td>
</tr>
</tbody></table>
</body>
</html>


galleria.php
<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<script>
$("body").text("jQuery works");
</script>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 6.4.2012, 0:54; Ответить: Azazaza_hb
Сообщение #9


там какая-то лажа с выполнением скриптов из подгружаемого файла, не знаю как решить.. я бы реализовал аякс на jquery и не мучался, всеравно подключается библиотека
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alokey
alokey
сообщение 6.4.2012, 1:08; Ответить: alokey
Сообщение #10


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие базы Semrush кейвордов по разным тематикам! Много кейвордов с трафиком и без конкуренции! Volume, KD, CPC
 22 Krok 6733 12.4.2024, 5:17
автор: Krok
Открытая тема (нет новых ответов) PROXY-STORE.COM — ipV4 прокси от 42р В МЕСЯЦ с ротацией и без! Лучшая цена на рынке. 200+ стран
 20 proxystore 5174 11.4.2024, 21:00
автор: proxystore
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыA-Parser 1.1 - продвинутый парсер ПС, кейвордов, контента, показателей, 70+ парсеров.
 353 Forbidden 279266 11.4.2024, 17:07
автор: AParser_Support
Открытая тема (нет новых ответов) Скрипты и программы на заказ любой сложности. Без предоплаты. Быстро, качественно и недорого!
 5 c4p1t4l15t 2507 6.4.2024, 12:51
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Обменяю Юмани на гривны без комиссии
 3 freeax 1004 2.4.2024, 1:46
автор: Llirik


 

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

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

RSS Текстовая версия Сейчас: 19.4.2024, 5:33

Дизайн

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