Ajax Loading

am urmat recent un tutorial, si nu se primeste cum trebuie: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
versiune forum: ModernBB (Beta)
Forum: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Salut,

Foloseste CSS-ul din acel topic si acest JS:

Cod:

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

parcă nu-mi apare, sau nu văd eu bine.. încearcă să intri pe forum, să te loghezi cu datele, și să-mi spui dacă îți apare

Salut,

Codul trebuie editat pentru versiunea ModernBB.

JS

Cod:

jQuery(function() {
              jQuery('body, html').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);

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;
        }

Salutări!

nu merge..

Salut,

Javascript-ul trebuie forțat în Index

Amplasare : Indexul forumului

Salutări!

am încercat, și pe index, și pe toate paginile, nu se primește nici un rezultat..

La mine apare.

Încerca si dezactiveaza Toolbarul, si apoi îl poti vedea!

mdeah a mers, dar nu apare ca in imagine..

Bună seara,

Eliminați toate codurile prezente mai sus, și înlocuiți-le cu:
1) Gestiunea codurilor Javascript:

Cod:

$(function() {
    $("body").prepend("<div id=\"ajax_loading\"><img src=\"https://i.servimg.com/u/f38/18/83/30/50/ajax-l10.gif\" alt=\"Loading...\"></div>");
    $("a").click(function() {
        $("#ajax_loading").slideDown();
        setTimeout(load(), 1000);
    });
    function load() {
        $("#ajax_loading").slideUp("1000");
    }
    setTimeout(load(), 1000);
});

*Amplasare: Toate paginile

2) Foaia de stil CSS:

Cod:

#ajax_loading {
            background: url("https://i.imgur.com/YFiPtyj.png") repeat-x scroll 0px 0px transparent;
            border: 1px solid #3E464C;
            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;
}

Zachary, pot sa te întreb si eu care e diferenta dintre codul tau js si cel dat de mine? Pot sa te mai întreb si unde mi-a dispărut mesajul in care îți explicam ca aveai o greșeală in cod?