JS или AJAX page preloader

[bedio]

Трябва ми сцрипт който да прелоадва контент в определена страница, през което време да има надпис или имаге Loading, kojto da ne iziskwa onLoad event в body тага. Някой може ли да помогне...

Всичко което намерих иска тоз евент... 🙁

 

[mlazarov]

Re: JS или AJAX page preloader

Можеш да изпълниш скрипта веднага след затварянето на body тага.

<body></body><script> onload-scrip-ta-tuk()</script>

 

[BornToDrink]

Re: JS или AJAX page preloader

Няма ли да стане с jQuery с post и докато ти върне каквото и да е си вадиш графика за loading...

 

[bedio]

Re: JS или AJAX page preloader

Намерих перфектно прелоадерче:

http://www.sydpixel.com/main/preloading-specific-content-with-javascript/

проблема е 4е се конфронтира с niceforms.js скрипта ми за готини форми:
http://www.emblematiq.com/lab/niceforms/

ако някой ми реши проблема плащам... 5$ 🙂

П.С. явно трябва да се вкара прелоада в самия .js на формата, но не мога да го направя

 

[BornToDrink]

Re: JS или AJAX page preloader

С готови неща винаги има проблеми.
Ето ти един скрипт (в атача, трябва да е на уеб сървър заради php-то).
Стартираш test.html и воала. Картинката е произволна. 😉

 

[bedio]

Re: JS или AJAX page preloader

Да, борн, знам, зарежда след това контента от .пхп файла.
Но при мен проблема е друг.

От пример който съм дал за прелоадера, и jQuery i JS ми се конфронтират с onLoad-a на Form скрипта и съответно не зарежда формите.

 

[bedio]

Re: JS или AJAX page preloader

Проблема е решен. В скрипта на формите замествам това:

//Add events
var existingLoadEvent = window.onload || function () {};
var existingResizeEvent = window.onresize || function() {};
window.onload = function () {
existingLoadEvent();
NFInit();
}

с това:

function preloader(){
document.getElementById("preloader").style.display = "none";
document.getElementById("wrapper").style.display = "block";
}//preloader

//Add events
var existingLoadEvent = window.onload || function () {};
var existingResizeEvent = window.onresize || function() {};
window.onload = function () {
preloader();
existingLoadEvent();
NFInit();
}