Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] Dynamiczne wstawianie obrazka
Forum PHP.pl > Forum > Przedszkole
angelz
Witam!
Poszukuje rozwiązania następującego problemu: mam w kodzie php trochę instrukcji których wykonie zajmuje sporo czasu (od kilku sekund do kilku minut). Chciałbym aby przed rozpoczęciem wykonywania tego kodu wyświetlił się gif w stylu "please wait", a po zakończeniu ten gif znikał.

<FORM z metodą POST akcja wywołanie tego samego pliku php>

<input przycisk 1>
<input przycisk 2>
<input przycisk 3>

jeśli naciśnięty przycisk 1 to {
- tu chce wyświetlić gifa
- jakieś tam polecenia (html, php, odwołania do skryptów itp)
- tu chce go wygasić, mając zakończone działania
}

jeśli naciśnięty przycisk 2 to ...
jeśli naciśnięty przycisk 3 to ...

</FORM>
strife
Polecam jQuery. Jest plugin do wysłania formularza ajax'em (http://jquery.malsup.com/form/), dopisz sobie callback'ki do tego i będzie gitara.
ShadowD
Musisz użyć ajax'a, najłatwiej będzie Ci poprzez Jquery, funkcja jakie musisz zastosować:
- load() i jego calback
- w kodzie daj na stałe gifa i ukryj go za pomocą css (display:none)
- jq daj css('display','block') czy tam inny typ jak Ci pasuje
- do zdarzeń funkcja click

Jak pozbierasz to do kupy i coś spróbujesz zrobić na pewno Cie pokierujemy, a jeśli szukasz gotowego rozwiązania to nie ten dział.
angelz
Dzięki za szybka reakcję, już przynajmniej wiem co muszę doczytać.
angelz
No i udało się, oczywiście wymaga jeszcze dopracowania ale rezultat jest dokładnie taki jak oczekiwałem, to jQuery jest genialne!
Jakby ktoś potrzebował gotowego rozwiązania to wrzucam poniżej wycinki z kodu:

CODE
<script type="text/javascript">
$(document).ready(function() {
$('#mainForm').ready(function() {
$("#button").click(
function(){
$("#wait").toggle();
});
});
});
</script>

<form id="mainForm" name="mainForm" method="post" action="<?php echo basename(__FILE__); ?>">

...

<input type="image" name="button" id="button" src="button.gif" />

...


<img src="wait.gif" id="wait" style="display: none;" />

...

</form>



Dzieki!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.