Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

AJAX - загрузка id и контента без перезагрузки страницы

Обсуждение темы AJAX - загрузка id и контента без перезагрузки страницы в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Нужно сменить id - который уже прописан в подгружаемой странице, и сделать это без перезагрузки самой страницы, так-как, если перезагрузить саму страницу - ...


Закрытая тема
 
Опции темы
Старый 28.06.2016, 15:20   #1
Нужно сменить id - который уже прописан в подгружаемой странице, и сделать это без перезагрузки самой страницы, так-как, если перезагрузить саму страницу - она обновится и свернется раскрытое меню.

В коде, если перезагрузить страницу, то id поменяется, но нужно что бы этот код работал без перезагрузки самой страницы.

Вот такой код:

Цитата:
function followLink(event, link)
{
var nameLink = link.innerHTML;
uploadContent(link.href);
history.pushState({title:nameLink, href:link.href}, null, link.href);
updateTitle(nameLink);
event.preventDefault();
}

function updateTitle(title)
{
var elm = document.getElementsByTagName('title')[0];
elm.innerHTML = title;
}

function uploadContent(link)
{
// реализуем загрузку контента и URL

$(document).ready(function() {
$('a').click(function() {
var url = $(this).attr('href');
$.ajax({
url: url + '?ajax=1',
success: function(data){
$('#content').html(data);
}
});

if(url != window.location){
window.history.pushState(null, null, url);
}
return false;
});
$(window).bind('popstate', function() {
$.ajax({
url: location.pathname + '?ajax=1',
success: function(data) {
$('#content').html(data);
}
});
});
});

}

window.addEventListener("popstate", function(e) {
uploadContent(e.state.href);
updateTitle(e.state.title);

}, false );
- В главной (основной) странице место (с кодом) куда вставлять строчку с записью прописан так:
<div id="drevo" class="drevo"><? echo $derevo; ?></div>

- В страницах которые подгружаются, id прописывается так:
$derevo=' <a href="index.php" style="text-decoration: none"> Главная</a> » ';

Нужен грамотный совет. Что добавить в этот код (в него) или как сей код изменить.

Последний раз редактировалось Serg-RU; 28.06.2016 в 15:28..
 
Старый 28.06.2016, 15:20
Ссылки
Старый 28.06.2016, 15:20
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подгрузка текста без перезагрузки страницы kvg95 HTML, CSS, JavaScript 4 30.07.2008 16:44
Два события на один клик без перезагрузки страницы kvg95 HTML, CSS, JavaScript 0 13.07.2008 00:08
загрузка данныхс сервера без перезагрузки страницы ramzes3 ASP, Perl, PHP и MySQL 6 12.10.2006 18:19
Загрузка страницы Начинающий HTML, CSS, JavaScript 14 20.07.2006 15:09
загрузка страницы Muhamed Aly HTML, CSS, JavaScript 25 07.08.2005 00:39


Текущее время: 19:39. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум