pasek_stanu.php:
?>
pasek_logowania.txt:
<script> function zaloguj() { $.ajax({ type : "POST", url : "funkcje/logowanie.php", dataType : "text", data : { login : document.forms['pasek_stanu'].elements['login'].value, password : document.forms['pasek_stanu'].elements['password'].value }, success : function(result) { if (result == 'true') { $("div#pasek_stanu").animate({height:0,opacity: 0}, 1000); setTimeout(function(){ $("div#pasek_stanu").load("include/pasek_stanu.php").animate({height:30,opacity: 1}, 1000); }, 1000); } else { document.forms['pasek_stanu'].elements['password'].value = ""; $('div#pasek_stanu input#pasek_stanu_input').css('border','1px solid red').css('margin','6px 10px 0px 0px'); } }, }); } </script> <div id="pasek_stanu_center"> <form name="pasek_stanu"><input id="pasek_stanu_button" type="submit" onClick="if (!login.value || !password.value) {$('div#pasek_stanu input#pasek_stanu_input').css('border','1px solid red').css('margin','6px 10px 0px 0px'); return false} else {zaloguj(); return false}" tabindex="3" class="right" value="Zaloguj"> <input id="pasek_stanu_input" name="password" class="right" type="password" tabindex="2" size="15"> <input id="pasek_stanu_input" name="login" class="right" type="text" tabindex="1" size="15"> </div>
Źródło strony po wywołaniu:
<script> function zaloguj() { $.ajax({ type : "POST", url : "funkcje/logowanie.php", dataType : "text", data : { login : document.forms['pasek_stanu'].elements['login'].value, password : document.forms['pasek_stanu'].elements['password'].value }, success : function(result) { if (result == 'true') { $("div#pasek_stanu").animate({height:0,opacity: 0}, 1000); setTimeout(function(){ $("div#pasek_stanu").load("include/pasek_stanu.php").animate({height:30,opacity: 1}, 1000); }, 1000); } else { document.forms['pasek_stanu'].elements['password'].value = ""; $('div#pasek_stanu input#pasek_stanu_input').css('border','1px solid red').css('margin','6px 10px 0px 0px'); } }, }); } </script> <div id="pasek_stanu_center"> <form name="pasek_stanu"><input id="pasek_stanu_button" type="submit" onClick="if (!login.value || !password.value) {$('div#pasek_stanu input#pasek_stanu_input').css('border','1px solid red').css('margin','6px 10px 0px 0px'); return false} else {zaloguj(); return false}" tabindex="3" class="right" value="Zaloguj"> <input id="pasek_stanu_input" name="password" class="right" type="password" tabindex="2" size="15"> <input id="pasek_stanu_input" name="login" class="right" type="text" tabindex="1" size="15"> </div>1