Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][PHP]Programowanie przycisku <input>
Lacki2006
post 5.05.2014, 08:27:46
Post #1





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 3.03.2012

Ostrzeżenie: (0%)
-----


Witam
Mam mały problem .
Podczas realizacji skryptu po przyciśnięciu przycisku <input> mija sporo czasu ok 30 sekund jak zrobić aby na ten czas wyświetliło się przyciemnienie i obracający się progres ?
Proszę o naprowadzenie jak to można zrobić
Pozdrawiam


--------------------
----------------------------------------------------------------------------
Najlepsza scianka reklamowa z darmową dostawą w całej polsce.
Go to the top of the page
+Quote Post
trueblue
post 5.05.2014, 11:07:14
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


http://www.jquerybyexample.net/2012/06/sho...le-page-is.html
Dodaj jeszcze w stylu background z kolorem i opacity.

Ten post edytował trueblue 5.05.2014, 11:07:28


--------------------
Go to the top of the page
+Quote Post
Lacki2006
post 6.05.2014, 22:07:01
Post #3





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 3.03.2012

Ostrzeżenie: (0%)
-----


Wygląda świetnie ale nie wiem jak to wstawić proszę o info co zrobiłem źle
1. Utworzyłem plik css "oczekiwanie.css" a w nim
Kod
@charset "utf-8";
#dvLoading
{
   background:#000 url(images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

2. Plik a w niem ( dodam że plik jest z rozszerzeniem php "wykonuje.php" )

Kod
<link type="css" href="oczekiwanie.css" />
<div id="dvLoading">
<?
// Tutaj kod który jest obsługiwane przez ok 30 - 60 sekund
?>
</div>

<script>
$(window).load(function(){
  $('#dvLoading').fadeOut(2000);
});
</script>

Próbowałem też ten plik dać na początku ale bez rezultatu
Prosze o info co robię źle że to nie działa
Pozdrawiam
Piotr


Ten post edytował Lacki2006 6.05.2014, 22:08:12


--------------------
----------------------------------------------------------------------------
Najlepsza scianka reklamowa z darmową dostawą w całej polsce.
Go to the top of the page
+Quote Post
Turson
post 7.05.2014, 07:57:52
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Biblioteka jQuery w <head> jest?
Go to the top of the page
+Quote Post
Lacki2006
post 7.05.2014, 08:35:51
Post #5





Grupa: Zarejestrowani
Postów: 107
Pomógł: 0
Dołączył: 3.03.2012

Ostrzeżenie: (0%)
-----


Mam to tak zrobione ale nie działa
Kod
<html>
<head>
<style type="text/css">
#dvLoading
{
   background:#000 url(images/loader.gif) no-repeat center center;
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}
</style>
<script>
$(document).ready(function() {
    var iSrc = "http://2.bp.blogspot.com/-Us15MaCuNjg/T88jIdQzGUI/AAAAAAAACbE/MDNj13OmjiI/s1600/Demo.jpg";
    var rndNum = Math.random();
    iSrc = iSrc + "?q=" + rndNum;
    $('img').attr('src', iSrc);
});

$(window).bind("load", function() {
    $('#dvLoading').fadeOut(2000);
});
</script>
</head>
<div id="dvLoading">
<?PHP
// Kod wykonywane przez ok 30-40 sekund w tym czasie nic sie nie dzieje a chciał bym tez animowany gif

?>
</div>
<img alt="Nature"  />


<?
header('Location: przekierowanie.php');
die();
?>
</html>


Ten post edytował Lacki2006 7.05.2014, 08:36:26


--------------------
----------------------------------------------------------------------------
Najlepsza scianka reklamowa z darmową dostawą w całej polsce.
Go to the top of the page
+Quote Post
johny_s
post 7.05.2014, 11:58:53
Post #6





Grupa: Zarejestrowani
Postów: 594
Pomógł: 122
Dołączył: 17.07.2005
Skąd: P-na

Ostrzeżenie: (0%)
-----


Dodaj wspomnianą przez @Turson biblioteke bo albo jej nie ma albo jestem ślepy,
a ten header na koncu czasem Ci od razu strony nie przekierowywuje?
Go to the top of the page
+Quote Post
Turson
post 7.05.2014, 12:09:02
Post #7





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Pewnie ma wyłączone raportowanie błędów i nie widzi "Headers already sent by..." tongue.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 16.07.2025 - 06:49