Wyświetlanie animacji ładowania elementów

Funkcja showPreloader(action)

Włącza animację preloadera i przypisuje ją do określonej akcji

Przyjmowane parametry

1. action - nazwa akcji dla której ustawiamy preloader

Funkcja hidePreloader([action])

Włącza animację preloadera i przypisuje ją do określonej akcji

Przyjmowane parametry

1. action - nazwa akcji dla której ukrywamy preloader. Jeśli nie zostanie podana wszystkie akcje uznawane są za zakończone

Przy włączaniu preloadera podajemy nazwę akcji, dla której go włączamy. Pozwala to na łatwe zarządzanie preloaderem, jeśli wykonywanych jest kilka akcji równolegle. Wywołując funkcję hidePreloader przekazujemy informację, która akcja została zakończona. API odnotuje ten fakt i jeśli nie ma już żadnych wykonywanych akcji, to animacja zostanie ukryta.

Dodatkowo po wywołaniu metody showPreloader po upływie 20 sekund, jeśli API nie dostanie informacji, że operacja jest zakończona, to preloader zostanie ukryty. Zapobiega to zablokowaniu mapy w momencie, gdy akcja z jakiegoś powodu się nie powiedzie (np. wystąpi błąd komunikacja AJAXa).

DoCelu.showPreloader("obliczenia");
//ukrywam preloader po 10 sekundach
setTimeout('DoCelu.hidePreloader("obliczenia");', 10000);

Przykładowy kod i efekt jego zastosowania:

<div id="map" style="width:800px; height:600px; "></div>
<script type="text/javascript">
//<![CDATA[
	jQuery(document).ready(function() {
	  DoCelu.loadMap(document.getElementById('map'));
	  jQuery('#test').mousedown(function() {
		DoCelu.showPreloader("obliczenia");
		setTimeout('DoCelu.hidePreloader("obliczenia");', 10000);
	  });
	});
//]]>
</script>