С презареждане или AJAX? И как ?

[sentenello]

Здравейте,
целта ми е да направя под менюта на класирането в снимката по-доло като искам линковете да си останат от сорта на saita/angliq/klasirane, saita/angliq/rezultati. В същото време искам всичката информация да се презарежда без презареждане на страницата. Ето я и самата снимка на това което имам.

http://postimg.org/image/w70b5pva5/

Възможно ли е при кликане на някой подменю, линка да се променя но страницата да не презарежда ?

 

[Revelation]

https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onpopstate ето това ти трябва.

Пример: http://html5.gingerhost.com/ - предполагам това искаш да постигнеш.

 

[sentenello]

С това което си ми дал от първия линк ли се постига ефекта от http://html5.gingerhost.com/ ??

 

[Revelation]

Да. Погледни и source кода на страницата. Но това, което ти трябва е history.pushState()

 

[Revelation]

http://codes.relax4o.com/sentenello-wt.php/ ето ти един бърз пример и от мен. Погледни source кода.


[js]
$(function () {
$('li').on('click', function ( e ) {
$('li').removeClass('active');
$(this).addClass('active');

href = $(this).children().attr('href');

$('h1.text-primary').html("This is page: " + href);

history.pushState(null, 'url: ' + href, href);

e.preventDefault();
});
});
[/js]