Ajax Loading
Pagina 1 din 1 • Distribuiţi
Re: Ajax Loading
Salut,
Foloseste CSS-ul din acel topic si acest JS:
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);
});
Re: Ajax Loading
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
Forumul Forumurilor [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: Ajax Loading
Salut,
Codul trebuie editat pentru versiunea ModernBB.
JS
CSS
Salutări!
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!
Re: Ajax Loading
nu merge..
Forumul Forumurilor [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: Ajax Loading
am încercat, și pe index, și pe toate paginile, nu se primește nici un rezultat..
Forumul Forumurilor [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: Ajax Loading
mdeah a mers, dar nu apare ca in imagine..
Forumul Forumurilor [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: Ajax Loading
Bună seara,
Eliminați toate codurile prezente mai sus, și înlocuiți-le cu:
1) Gestiunea codurilor Javascript:
*Amplasare: Toate paginile
2) Foaia de stil CSS:
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;
}
Ultima editare efectuata de catre Zachary in Sam Iul 15, 2017 11:01 pm, editata de 1 ori
Re: Ajax Loading
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?
Subiecte similare
» din: Ajax Loading
» Script ajax loading
» Chat Ajax
» Efect ajax pentru butonul "Urmareste raspunsurile la acest subiect"
» Script ajax loading
» Chat Ajax
» Efect ajax pentru butonul "Urmareste raspunsurile la acest subiect"
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum