Динамическая загрузка контента на странице сайта

Сообщений: 102 Регистрация: Май 2011

20 Февраля 2012 22:52

Цитата

<!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>
<>

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

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

</>
</html>

У меня есть такой код для подзагрузки контента на странице при нажатии на кнопку. Как сделать, чтобы при загрузке показывало картинку загрузки?

Rionty

Сообщений: 1 Регистрация: Июн 2010

20 Февраля 2012 23:20

сделайте примерно следующее, как очень простой вариант

Код
function getFile(url){ document.getElementById('content').innerHTML= '<img src="www.goldeneagle.pt/en/img/base/loading.gif" alt="Loading, Loading!">'; loadXMLDoc(url); };

А дальше извращайтесь как хотите

Денис Степанов

Сообщений: 102 Регистрация: Май 2011

21 Февраля 2012 21:59

Цитата

Rionty пишет:
сделайте примерно следующее, как очень простой вариант

Код
function getFile(url){ document.getElementById('content').innerHTML= '<img src="www.goldeneagle.pt/en/img/base/loading.gif" alt="Loading, Loading!">'; loadXMLDoc(url); };

А дальше извращайтесь как хотите

Можно ли сделать, чтобы определенная страница, которая грузится на аяксе грузилась по умолчанию при заходе на страницу?

Денис Степанов

Сообщений: 102 Регистрация: Май 2011

21 Февраля 2012 22:06

Цитата

Денис Степанов пишет:

Цитата

Rionty пишет:
сделайте примерно следующее, как очень простой вариант

Код
function getFile(url){ document.getElementById('content').innerHTML= '<img src="www.goldeneagle.pt/en/img/base/loading.gif" alt="Loading, Loading!">'; loadXMLDoc(url); };

А дальше извращайтесь как хотите

Уже сделал.

Василий Чёрный

Сообщений: 1 Регистрация: Май 2012

7 Мая 2012 01:07

Денис Степанов пишет:

Цитата
Можно ли сделать, чтобы определенная страница, которая грузится на аяксе грузилась по умолчанию при заходе на страницу?

присоединяюсь. Ни как не могу дойти до этого smile:(

Помогите пожалуйста.

Изменено: Василий Чёрный - 7 Мая 2012 01:28

Новые темы	Объявления	Свободное общение
02:11 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 22:17 Gogetlinks - ссылки навсегда на качественных сайтах с гарантией индексации! - 2 22:15 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 22:10 Изменение в продвижении под Яндекс 12:34 Артемий Лебедев: «ВКонтакте» станет «новым поисковиком» 14:50 Плагин Telegram posting 20:43 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.	22:06 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 22:05 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 21:59 Продаются аккаунты Яндекс Директ без НДС (валюта USD). +20% к вашему бюджету 21:18 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 14:07 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 13:26 Аккаунт Пикабу 13:16 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 19.0.15	19:31 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 02:21 Точные прогнозы на футбол 21:17 Шашлыки в 2012-2022 году 13:49 Не храните данные на жёстких дисках 08:22 Инфобизнесменша приобрела курсы у другой за 5,5 млн рублей, но не стала богатой. Она обратилась в полицию 08:15 Новый уровень мошенничества: как россиян обманывают с помощью фейковых порнороликов 21:40 Telegram не смог провести различие между требованиями автократических режимов и законными демократическими запросами

Новые темы

Объявления

Свободное общение

02:11 LGaming - экосистема и партнерская программа в gambling и betting вертикалях
22:17 Gogetlinks - ссылки навсегда на качественных сайтах с гарантией индексации! - 2
22:15 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги!
22:10 Изменение в продвижении под Яндекс
12:34 Артемий Лебедев: «ВКонтакте» станет «новым поисковиком»
14:50 Плагин Telegram posting
20:43 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.

22:06 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000
22:05 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые
21:59 Продаются аккаунты Яндекс Директ без НДС (валюта USD). +20% к вашему бюджету
21:18 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика
14:07 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
13:26 Аккаунт Пикабу
13:16 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 19.0.15

19:31 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
02:21 Точные прогнозы на футбол
21:17 Шашлыки в 2012-2022 году
13:49 Не храните данные на жёстких дисках
08:22 Инфобизнесменша приобрела курсы у другой за 5,5 млн рублей, но не стала богатой. Она обратилась в полицию
08:15 Новый уровень мошенничества: как россиян обманывают с помощью фейковых порнороликов
21:40 Telegram не смог провести различие между требованиями автократических режимов и законными демократическими запросами