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
Pełna wersja: [JavaScript][HTML][PHP]Programowanie przycisku <input>
http://www.jquerybyexample.net/2012/06/sho...le-page-is.html
Dodaj jeszcze w stylu background z kolorem i opacity.
Dodaj jeszcze w stylu background z kolorem i opacity.
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
2. Plik a w niem ( dodam że plik jest z rozszerzeniem php "wykonuje.php" )
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
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;
}
#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>
<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
Biblioteka jQuery w <head> jest?
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>
<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>
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?
a ten header na koncu czasem Ci od razu strony nie przekierowywuje?
Pewnie ma wyłączone raportowanie błędów i nie widzi "Headers already sent by..." 
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.