popup sur reponse formmail

Petit nouveau ! | 1 Messages

23 févr. 2019, 12:46

Bonjour,

j'ai adapté sur un script HTML / CSS un script PHP pour un envoi de mail.
je voudrais juste que le message de confirmation "Success! Your Message was Sent Successfully." apparaissent dans un popup plutot que dans le corps de la page. Avec un boutton OK, qui reset le formulaire et revient sur le page.
J'ai essayé sans succes avec du javascript.
merci de votre aide si possible.


voici la partie html :
<div id="error_message" style="width:100%; height:100%; display:none; ">
<h4>
Error
</h4>
Sorry there was an error sending your form.
</div>
<div id="success_message" style="width:100%; height:100%; display:none; ">
<h2>Success! Your Message was Sent Successfully.</h2>
</div>



La partie form.js
$(function()
{
function after_form_submitted(data)
{
if(data.result == 'success')
{
$('form#reused_form').hide();
$('#success_message').show();
$('#error_message').hide();
}
else
{
$('#error_message').append('<ul></ul>');

jQuery.each(data.errors,function(key,val)
{
$('#error_message ul').append('<li>'+key+':'+val+'</li>');
});
$('#success_message').hide();
$('#error_message').show();

//reverse the response on the button
$('button[type="button"]', $form).each(function()
{
$btn = $(this);
label = $btn.prop('orig_label');
if(label)
{
$btn.prop('type','submit' );
$btn.text(label);
$btn.prop('orig_label','');
}
});

}//else
}