[JavaScript][CSS][PHP] Formualrz - dodawanie danych, proszę o wskaózwki Opcje

[greg.paw.90]

Witam forumowiczów,
napotkałem problem i w związku z tym chciałbym się Was poradzić.

Oto problem:
Mam formularz, dodawania danych do bazy danych, teraz chciałbym zrobić tak, że jak ktoś wypełnij formularz i kliknie w SUBMIT wyślij pojawi się przyciemnione tło z napisem trwa dodawanie, natomiast gdy doda ten napis zmieni się na dodano. Niestety coś mi nie działa tzn od razu pokazuję się dodano...

Jak ja to robię:

[PHP] pobierz, plaintext 
if(isset($_POST['wyslij'])){
	include('functions.php');
	?>
    <style type="text/css">
	#backgroundPopup{
	display:block;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	padding-top:300px;
	background:#000000;
	color:white;
	font-size:14px;
	text-align:center;
	opacity:0.8;filter:alpha(opacity=80);
	border:1px solid #cecece;
	z-index:9999;
	}
	</style>
 
    <div id="backgroundPopup"><img src="templates/images/loadingAnimation.gif" width="208" height="13" alt="ladowanie" /><br /><span id="i">dodawanie, prosimy czekać...</span></div>
    <?php	
 
	$user = $_SESSION['user'];
	$date = date('Y-m-d H:i:s');
	$ip = $_SERVER['REMOTE_ADDR'];
 
		flush();
		sleep(2);
 
		add_noimg($user,$date,$ip);
}
?>
....
// formularz
[PHP] pobierz, plaintext 

plik functions.php

[PHP] pobierz, plaintext 
function add_noimg($user,$date,$ip){
	$add = mysql_query("INSERT INTO market VALUES(0,'$user','$ip','$data',0,1);");
	if($add == 1){
		?>
        <script type="text/javascript">
			var info=document.getElementById("i");
			info.innerHTML = 'sukces, dodałeś wpis';
		</script>
        <?php		
		flush();
		sleep(2);
// tutaj będzie header z przekierowaniem
	}
	else{
		?>
        <script type="text/javascript">
			var info=document.getElementById("i");
			info.innerHTML = 'błąd, spróbuj ponownie';
		</script>
        <?php		
		flush();
		sleep(2);
// tutaj będzie header z przekierowaniem
	}
}
[PHP] pobierz, plaintext 

Macie może jakieś wskazówki ?

Pozdrawiam

Ten post edytował greg.paw.90 13.06.2010, 10:38:37

[bastard13]

Ten sleep(), który sobie dodajesz rzeczywiście opóźnia działanie skryptu tyle, że po stronie serwera, wieć klient i tak tego nie widzi. Jeżeli chcesz to zrobić po stronie klienta to musisz zaciągnąć do tego JS i funkcje settimeout bądź setinterval: http://www.elated.com/articles/javascript-...nd-setinterval/

[greg.paw.90]

ohh, zapomniałem o tym DZIĘKI bardzo