PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

Загрузка html документа

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

kuller	Отправлено: 30 Ноября, 2015 - 13:15:01
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	Подскажите пожалуйста! Есть ли какой нибудь плагин который загружает содержимое html документа в указанный div? несколько дней ищу такую возможность и смог найти только пример данной реализации CODE (javascript): скопировать код в буфер обмена function showContent(link) { $("#sideRight").addClass('sideRight1'); // панель var cont = document.getElementById('contentBody'); var loading = document.getElementById('loading'); if(getCookie('panel') == '1') cont.innerHTML = loading.innerHTML; else{ date = new Date(); date.setHours(date.getHours() + 1); setCookie('panel', '1', date.toUTCString()); setTimeout(function() { $("#contentBody").css('display','block'); cont.innerHTML = loading.innerHTML }, 1500); } var http = createRequestObject(); if(http) { http.open('get', link); http.onreadystatechange = function() { if(http.readyState == 4) { setTimeout(function() {cont.innerHTML = http.responseText}, 5000); } } http.send(null); }else{ document.location = link; } } 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; } } } } этот пример меня не совсем устраивает. т.к. когда делаю какие та изменения в документе html (который подгружаю) эти изменения не отображаются. Отображаться начинают только после очистки истории. Также данные которые должны отображаться в панели (div) которая выезжает с правой стороны. Панель не успевает отобразиться до конца, а содержимое html документа уже отображается. Данную проблему решил через setTimeout, но когда кликаю на кнопку чтоб загрузить другой html документ прелоадер начинает отображаться не сразу т.к. указан setTimeout. Здесь решил сделать определение была ли нажата первый раз кнопка или нет, и сделал запись в куки, но понимаю что это какой та получается бред! Подскажите пожалуйста может есть какой та плагин? или может можно решить то что я добавлял самостоятельно не таким бредовым кодом, и решить проблему с кешированием. (Отредактировано автором: 30 Ноября, 2015 - 13:18:31)

Viper	Отправлено: 30 Ноября, 2015 - 22:17:56
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Зачем столько кода??? И зачем плагин? Обрабатываете клик по элементу по которому должно что-то происходить и через $.get() получаете документ html, затем лепите в тот div который нужно. CODE (javascript): скопировать код в буфер обмена $(element).click(function(e){ e.preventDefault(); $.get('index.php', function(response){ $('#contentBody').html(response); }); }); element это то по чём кликаем(КО). ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

kuller	Отправлено: 01 Декабря, 2015 - 17:39:26
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	Viper пишет: Зачем столько кода??? И зачем плагин? Обрабатываете клик по элементу по которому должно что-то происходить и через $.get() получаете документ html, затем лепите в тот div который нужно. CODE (javascript): скопировать код в буфер обмена $(element).click(function(e){ e.preventDefault(); $.get('index.php', function(response){ $('#contentBody').html(response); }); }); element это то по чём кликаем(КО). а как к этому прикрутить прелоадер?

Viper	Отправлено: 01 Декабря, 2015 - 22:20:33
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	kuller пишет: а как к этому прикрутить прелоадер? прелоадер какой, и для чего? ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DelphinPRO	Отправлено: 01 Декабря, 2015 - 22:22:07
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	kuller пишет: а как к этому прикрутить прелоадер? CODE (javascript): скопировать код в буфер обмена $(element).click(function(e){ e.preventDefault(); $('.loader').show(); // показать $.get('index.php', function(response){ $('#contentBody').html(response); $('.loader').hide(); // скрыть }); }); ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.