Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Ajax Loading impreuna cu ToolBar

power_settings_newConectați-vă pentru a răspunde

10112013
Ajax Loading impreuna cu ToolBar

Demo:

[Trebuie sa fiti înscris şi conectat pentru a vedea această 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 Ajax Loading impreuna cu ToolBar 333276




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...

Comentarii

Niciun comentariu.
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum