Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
» Script ninsoare
Scris de JeKa123 Vin 2 Dec - 20:20
» Cerere script
Scris de SSYT Joi 1 Dec - 23:22
Cuvinte-cheie

radio  menu  meniu  tema  drop  Statistici  cautare  html  phpBB2  Mesaje  reclama  punbb  legenda  subiecte  profil  avatar  banner  ultimele  Bara  subforumuri  edit  tutorial  navigare  chenar  Metin2  animate  

Ajax Loading impreuna cu ToolBar


Demo:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

Cod javascript ( amplasare: all pages )

Cod:
jQuery(function() {
              jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i58.servimg.com/u/f58/17/89/00/23/ajax_l10.gif" alt="Loading..."></div>');
              jQuery('a').click(function() {
                  jQuery('#ajax_loading').slideDown();
                  setTimeout('load()', 1000);
              });
            });
            function load() {
              jQuery('#ajax_loading').slideUp('1000');
            }
            setTimeout('load()', 1000);
Cod CSS:

Cod:
  #ajax_loading {
            background: url("http://i58.servimg.com/u/f58/17/89/00/23/ajaxlo10.png") repeat-x scroll 0px 0px transparent;
            border: 1px solid rgb(123, 166, 13);
            border-radius: 0px 0px 5px 5px;
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
            color: rgb(255, 255, 255);
            left: 46%;
            padding: 5px 0px 8px;
            position: fixed;
            text-align: center;
            top: 0px;
            width: 8%;
            z-index: 999;
        }
Dupa ce ati adaugat codurile mergeti la :

Module ~> Bara de instrumente ~> Configurare ~> Atasati bara de instrumente : ( Bifati NU ) ~> Inregistrare

si gata ajax loading o sa va apara peste toolbar nestricand aspectul barei si nici imaginile din ea




Acest tutorial este scris de Tecko pentru Extrem Tutorials. Reproducerea acestui tutorial este interzisa fara acordul autorului.
Pastrati drepturile de autor nu mai tot plagiati atat si folositiva capu nu degeaba il aveti pe umeri...

Comentariile utilizatorilor

Fii primul care comenteaza acest articol