[gelöst]"Ladekreis" bei Aktualisierung einer Seite
Eingetragen von ThuleNB (380)am 16.07.2014 - 08:47 Uhr in
Hallo Community,
ich nutze in meinem View einige Exposed Filter, die über Autosubmit reagieren. Also sobald an einem Filter etwas geändert wird, ändern sich die Ergebnisse automatisch. Von vielen Online-Shops kennt man diesen "Ladekreis" mit einem Hinweistext wie "Ergebnisse werden aktualisiert" o.Ä. Gibt es ein Modul, das so etwas kann? Der kleine "Ladekreis" im Browsertab ist meiner Meinung nach zu unauffällig.
Grüße
Thule
- Anmelden oder Registrieren um Kommentare zu schreiben
Du erstellst eine Grafik
am 16.07.2014 - 10:34 Uhr
Du erstellst eine Grafik (z.B. animiertes gif) und fügst diese, eingebettet in ein div (.ajax-prozess), in den Views mit ein (ins Template oder in den Footer). Das div versiehst du mit display:none:
Dann verwendest Du jQuery und die Function ajaxStart und ajaxSuccess im Page-Header.
<script type='text/javascript'>jQuery(document).ajaxStart(function() {
jQuery( ".ajax-prozess" ).show();
});
jQuery(document).ajaxSuccess(function() {
jQuery( ".ajax-prozess" ).hide();
});
</script>
Wenn Ajax "anspringt" wird der Div-Container .ajax-prozess angezeigt (show) und wenn Ajax fertig ist, verschwindet er wieder.
Das musst du dann alles noch per CSS anpassen (wenn du .ajax-prozess in den Views-Footer einsetzt musst Du position:absolute; top:0; left:0; width etc. verwenden und dem Parent-Div position:relative verpassen)
So mache ich das bei mir! :-)
Nachtrag: Fertige animierte
am 16.07.2014 - 10:38 Uhr
Nachtrag: Fertige animierte Gifs (Throbber) findest Du auch schon zahlreich über die Googlesuche - dazu kann dann noch ein "Bitte warten/wird aktuallisiert" o.ä. mit eingefügt werden.
Ich habe das nun mit dem
am 28.08.2014 - 11:07 Uhr
Ich habe das nun mit dem Modul "Views Sexy Throbber" gelöst. Das Modul bringt einige Einstellungen mit, wodurch man den "Ladekreis" gut individuell gestalten kann.