Preloader / pokial sa natiahnu udaje z DB

dulius · Napísal **dulius**: 17.12.2008 11:12

Pekny den.

mam velke udaje v DB a potreboval by som na webe nejaky ten preloader, ktory by len uzivatelovi povedal, ze sa udaje z DB tahaju ...

ziadny flash, je to klasicka php/xhtml stranka

dakujem za radu.

dulius · Napísal autor témy **dulius**: 17.12.2008 12:20

dik stenley za tento link: http://forum.hostican.com/javascript/ja ... der-t1179/

stenley · Napísal **stenley**: 17.12.2008 22:53

dalsie uzitocne odkazy:
http://jetlogs.org/2007/07/08/jquery-pr ... m-plug-in/
http://www.ajaxload.info/

Blackdevil · Napísal **Blackdevil**: 17.12.2008 23:07

krasa taketo nieco som zhanal dlho

stenley · Napísal **stenley**: 18.12.2008 12:25

problem s tymito prikladmi je taky, ze ked sa vypne js, tak preloader zostane zobrazeny, co je myslim ze dost neziaduce... preto treba jeho zdrojak zapisovat cez js, lepsie funkcne riesenie mi zatial nenapadlo...

zakladny kod by mohol vypadat takto:

CSS:

Kód:

#preloader { position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; background:black; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; cursor:wait; }
#preloader-msg-wrapper { position:absolute; width:210px; height:50px; top:50%; left:50%; margin-top:-25px; margin-left:-105px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#preloader-msg { position:relative; background:#FFFFFF url(ajax-loader.gif) 10px 10px no-repeat; width:150px; height:25px; overflow:hidden; padding:15px 10px 10px 50px; }

JS:

Kód:

function showPreloader() {
   var preloader = '';
   preloader += '<div id="preloader">';
   preloader += '<div id="preloader-msg-wrapper">';
   preloader += '<div id="preloader-msg">';
   preloader += '<p>Nacitavanie stranky...</p>';
   preloader += '</div></div></div>';
   
   document.write(preloader);
}

function clearPreloadPage() { //DOM
   if(document.getElementById) {
      document.getElementById('preloader').style.visibility = 'hidden';
   } else {
      if(document.layers) { //NS4
         document.preloader.visibility = 'hidden';
      } else { //IE4
         document.all.preloader.style.visibility = 'hidden';
      }
   }
}

showPreloader();

window.onload = clearPreloadPage;

Ak sa to chce niekomu zoptimalizovat (testovane na Opere, FF), nech sa paci

Ak pozna niekto sposob, ako dosiahnut, aby nebol stredny biely div priesvitny podla nadradeneho divu, tak to tu pls napiste...

Zdroj clearPreloadPage(): http://forum.hostican.com/javascript/ja ... der-t1179/
Zdroj ajax_loader.gif: http://www.ajaxload.info/download.php?i ... 0/25-1.gif

Preloader / pokial sa natiahnu udaje z DB

Podobné témy