révéler div après envoi du formulaire

Question

Sur mon site Wordpress, j'ai un champ d'entrée où les types d'utilisateurs leur adresse e-mail et clique ensuite sur « Soumettre » pour soumettre leur e-mail à ma feuille de calcul Google (en utilisant un formulaire Google sur Google Drive).

J'ai aussi un bouton qui ouvre une fenêtre contextuelle lorsque le bouton est cliqué (j'utilise le plugin pour Wordpress SimpModal).

est-il un moyen d'intégrer les deux fonctions, de sorte que je n'aurai 1 bouton qui permet d'atteindre les résultats? (Lorsque l'utilisateur remplit leur adresse e-mail et clique ensuite sur le bouton d'envoi, il soumettra son adresse e-mail à la forme de Google, et également ouvrir la fenêtre pop-up?)

Voici mon code:

<!--This gets rid of the google confirmation page--> 
<script type="text/javascript">var submitted=false;</script> 
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none; width:0px; height:0px;" onload="if(submitted){window.location='#';}"></iframe> 

<form action="https://docs.google.com/forms/d/XXXXX/formResponse" method="POST" id="ss-form" onsubmit="" target="hidden_iframe"> 


<input type="text" name="entry.2005577686" value="" id="entry_2005577686"> 
<input type="submit" name="submit" value="Submit" > 

<div id="button-to-open-popup"><a href="#"> 
<img src="/landing-pg-button-black.png" alt="" /></a> 
</div> 

</form> 

Merci d'avance !!!

Answer 1

Vraiment simple! Si vous ne disposez pas jQuery, s'il vous plaît importer quelque part dans votre code:

<script src="http://code.jquery.com/jquery-latest.js"></script> 

Et puis modifiez le onsubmit dans la balise form ...

<form ... onsubmit="$('#button-to-open-popup').click();return true;" ...> 

Tada!