Ajax fade mesaj si redirect dupa un timp
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
royal27
- Mesaje: 79
Ajax fade mesaj si redirect dupa un timp
Am codul asta si vreau in loc de input type=button sa fie submit, dar sa imi dea fade la fel in 5 secunde de cand apare eroarea.
Daca schimb cu input type=submit imi apare pentru o secunda si dispare.
Dupa ce arata mesajul de succes vreau sa ma redirectioneze catre aceeasi pagina.
Cod: Selectaţi tot
<form class="account-form" id="submit_form" method="post">
<span id="error_message" class="text-danger"></span>
<span id="success_message" class="text-success"></span>
<fieldset>
<i class="ti-key"></i>
<input type="password" name="pass" id="pass" placeholder="Password" />
</fieldset>
<input type="button" value="Login" id="submit" class="red-bg" />
</form>
</div>
<script>
$(document).ready(function(){
$('#submit').click(function(){
var pass = $('#pass').val();
if( pass == '')
{
$('#error_message').html("All Fields are required");
}
else
{
$('#error_message').html('');
$.ajax({
url:"/unlock",
method:"POST",
data:{pass:pass},
success:function(data){
$("form").trigger("reset");
$('#success_message').fadeIn().html(data);
setTimeout(function(){
$('#success_message').fadeOut("Slow");
}, 5000);
}
});
}
});
});
</script>
MarPlo
Pune type="submit" la buton, si foloseste urmatorul script:
Cod: Selectaţi tot
<script>
$(document).ready(function(){
$('#submit_form').click(function(ev){
ev.preventDefault(); //to not submit the form
var pass = $('#pass').val();
if( pass == '') $('#error_message').html("All Fields are required");
else {
$('#error_message').html('');
$.ajax({
url:"/unlock",
method:"POST",
data:{pass:pass},
success:function(data){
$("form").trigger("reset");
$('#success_message').fadeIn().html(data);
setTimeout(function(){
$('#success_message').fadeOut("Slow");
location.reload(); //to reload the page
}, 5000);
}
});
}
});
});
</script>
royal27
Am rezolvat,multumesc frumos de ajutor
Subiecte similare
-
Dupa post redirect inapoi la acelasi tab
JavaScript - jQuery - Ajax
Primul mesaj
Bună Marplo,
Am 3 pagini (tab-uri) intr-o singura pagina, in pagina 2 din cele 3 am un form post, problema este dupa revenire inapoi mă redirectează...
Ultimul mesaj
Functioneaza
Iti multumesc mult Marius
-
Echo dupa Ajax Request
JavaScript - jQuery - Ajax
Primul mesaj
Salutare ,
Cu toate ca am citit documentatia,nu reusesc ca fac un 'echo' dupa ce am trimis datele prin ajax, are cineva idee, de ce nu merge ?...
Ultimul mesaj
Salut, am reusit sa inteleg si sa rezolv.
Mai jos codul:
<?php
echo before if ;
// delete part
if (isset($_POST )) {
$f_api = false ; //test...
-
Redirect la click pe pagina
JavaScript - jQuery - Ajax
Primul mesaj
Buna, as avea nevoie de un script de javascript astfel incat un utilizator la primul click pe pagina sa fie trimis pe alta.
Ultimul mesaj
Incearca urmatorul script, in zona BODY a codului html (modifici adresa de la window.location).
<script>...
-
Repetare mesaj de intampinare in camera chat
PHP - MySQL - XML
Primul mesaj
Am functia asta care iti adauga un mesaj in camera de chat bun venit
function addtochat($uid, $rid)
{
global$xyz;
$timeto = 200;
$timenw =...
Ultimul mesaj
Am rezolvat,am creat cum ai spus si tu un fisier php aparte care atunci cand intru in camera de chat sa trec prima data prin acel fisier cu mesajul...
-
Cel mai mic interval de timp măsurat
Stiri Deosebite
Fizicienii nucleari germani au stabilit un record mondial al timpului măsurat.
<div data-mpgal= showimg:false, thumb_width:290,...
-
Setare timp de incarcare a site-ului
JavaScript - jQuery - Ajax
Primul mesaj
Am o imaine de incarcare a site-ului în format GIF, dar nu apare fiindca pagina web se încarca în 0,01 secunde.
Este posibil să setez un timp de...
Ultimul mesaj
Iata un exemplu de preloader cu jQuery, cu metoda delay() (2 sec = 2000), adaugata la evenimentul 'load'.
<style>
.loading {
position:...