Ik ben een login aan het maken dmv ajax. Login kun je hier vinden (wachtwoord vergeten klikken en op verzenden klikken. Daarna krijg je een link om het form terug te krijgen.)
Het probleem is, zodra ik 1 keer de ajax request do, en het form reset, dan krijg ik geen resultaat meer van de ajax request. Ik heb al geprobeerd dmv $clear het 'cache' te clearen, maar het heeft geen resultaat.
Wat $vars zodat er geen misverstanden komen
<?php //kleurtjes
var SliderEmail = new Fx.Slide('forgotpass-div', {mode: 'horizontal'});
var username = $('customernumber');
var password = $('password');
var email = $('email');
var resetForgotPass = $('reset-forgotpass');
//var resetLogin =
?>
Ajax request
<?php //kleurtjes
$('forgotPass').addEvent('submit', function(e) {
e.stop();
$('formContainer-forgotpass').style.display = 'none';
var log = $('forgotpass-container').addClass('ajax-loading');
this.set('send', {onComplete: function(response) {
log.removeClass('ajax-loading');
log.set('html', response);
resetForgotPass.style.display = 'block';
}});
this.send();
});
?>
Functie om het formpje terug te krijgen
<?php //kleurtjes
resetForgotPass.addEvent('click', function(e){
$('forgotpass-container').style.display = 'none';
$('forgotpass-container').empty();
resetForgotPass.style.display = 'none';
$('formContainer-forgotpass').style.display = 'block';
});
?>
De html
<?php //kleurtjes
<div class="forgotpass-input" id="forgotpass-div">
<form id="forgotPass" action="ajax/auth.ajax.php" method="post">
<div id="formContainer-forgotpass">
<input type="text" name="email" id="email" value="E-mail adres" />
<div class="login-submit">
<input type="submit" name="btnForgotPass" value="Verzend" />
</div>
</div>
<div id="forgotpass-container">
</div>
<div style="margin-top: 15px; display: none;" id="reset-forgotpass">[<a href="javascript:void(0);">Probeer het opnieuw</a>]</div>
</form>
</div>
?>
Iemand ervaring hiermee?