ajax načítanie stránky

26. 8. 2010 12:15:02

Použil som hotový script, ktorý som si upravil tak aby odkazy boli v vnútri obsahu, ktorý sa bude meniť. Problém nastal, ak kliknem na odkaz ktorý sa už raz načítal, tak sa obnoví komplet celá stránka. Takže load cez ajax nefunguje kompletne.

Chcem to použiť na stránkovanie tabuľky, takže aj odkazy sa musia načítavať spolu s tabuľkou.

Vedel by to niekto opraviť aby to fungovalo správne?

script tu: http://fakam.sk/ajax/

26. 8. 2010 12:15:02

https://webtrh.cz/diskuse/ajax-nacitanie-stranky#reply548815

mayo

26. 8. 2010 13:41:35

cela stranka sa obnovi pretoze tym ze reloadnes odkazy zrusis event onclick ktory na ne bol zaveseny cez $('#nav li a').click(function()

treba to nejak prerobit alebo obnovovat ten event

26. 8. 2010 13:41:35

https://webtrh.cz/diskuse/ajax-nacitanie-stranky#reply548814

Jakub Truneček

26. 8. 2010 17:39:59

Ahoj,

javascript js.js si nahraď tímto

$(document).ready(function() {     var timer = null;        var lastLocation = window.location.toString().split('#');    $('#wrapper').append('<span id="load">LOADING...</span>');        function initEvents() {        $('ul#nav a').click(function(event) {            event.preventDefault();            var anchor = anchorFromUrl($(this).attr('href'));            window.location.hash = anchor;            clearTimeout(timer);            checkChange();        });            }        function anchorFromUrl(url) {        return '#' + url.replace('.html', '');    }        function urlFromAnchor(anchor) {        var result = anchor.replace('#', '') + '.html';        	    if (result == '.html') {                result = 'index' + result;	    }	    return result;    }        function checkChange() {        if (window.location.toString() != lastLocation) {            loadAnchor(window.location.hash);        }        lastLocation = window.location.toString();        timer = setTimeout(function() {checkChange()}, 300);    }        function loadAnchor(anchor) {        // Skrýt obsah	$('#content').hide('fast', function() {loadContent(urlFromAnchor(anchor));});	// Zobrazit loader	$('#load').fadeIn('normal');    }    function loadContent(url) {	$('#content').load(url + ' #content','', function() {	    $('#content').show('normal');    	    $('#load').fadeOut('normal');				                initEvents();    			});    }    initEvents();    checkChange();});

Odkzkoušel jsem to zde http://public.trunecek.net/clients/fakam/, udělal jsem to tak, aby fungovalo i tlačítko zpět, vpřed v prohlížeči.

Pokud budeš mít dotaz, ptej se.

26. 8. 2010 17:39:59

https://webtrh.cz/diskuse/ajax-nacitanie-stranky#reply548813

FAKAM

(10 hodnocení)

26. 8. 2010 18:43:50

ano funguje to spravne, dakujem, rep

26. 8. 2010 18:43:50

https://webtrh.cz/diskuse/ajax-nacitanie-stranky#reply548812

Jakub Truneček

26. 8. 2010 22:45:15

Ahoj, na základě PM posílám upravený kód bez efektů, tím se JS o něco zjednodušil. Přikládám do vlákna pro případné další zájemce. Jedná se o kompletní skript (suplent pro ten předchozí js.js). Opět jsem tuto verzi nasadil zde: http://public.trunecek.net/clients/fakam/

$(document).ready(function() { 
    var timer = null;    
    var lastLocation = window.location.toString().split('#');

initEvents();
    checkChange();
});

Kdyby něco, jsem tu ;)

26. 8. 2010 22:45:15

https://webtrh.cz/diskuse/ajax-nacitanie-stranky#reply548811

Pro odpověď se přihlašte.

Přihlásit