Iframe après appui sur bouton

Résolu/Fermé
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 - 22 mai 2015 à 18:19
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 - 8 juin 2015 à 21:37
Bonjour,
Je cherche un code permettant d'afficher une iframe après appui sur un bouton.
Je m'explique, j'ai un formulaire et lorsque la personne a cliqué sur envoyer je voudrais que l'iframe remplace le formulaire en affichant un truc du style merci pour votre réponse.

Je ne sais pas comment faire.
Auriez-vous une idée ?
Merci d'avance.

3 réponses

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
22 mai 2015 à 18:32
Bonsoir,

Pourquoi ne pas afficher simplement un message à la place du formulaire après validation.
0
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
22 mai 2015 à 18:33
'lut, pas besoin d'une iframe pour ça, juste d'un div avec le contenu.
Le mieux est même d'avoir le div présent dès le début en
display: none
grâce à une classe CSS (
cache
par exemple).
En JavaScript, il suffira d'enlever cette classe au div et de la mettre à ton formulaire, effectivement le remplaçant sur la page:
document.getElementById('bouton-envoyer').addEventListener('click', function () {
    document.getElementById('formulaire').classList.add('cache');
    document.getElementById('message-merci').classList.remove('cache');
});
0
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 70
23 mai 2015 à 17:44
Bonjour,
Merci pour ta réponse, en fait j'utilise un formulaire déjà généré par Google Form, est-ce que si je fait comme tu as dit cela va quand même envoyé les réponses sur la feuille de google ?
0
PiR/D Messages postés 213 Date d'inscription vendredi 28 mars 2014 Statut Membre Dernière intervention 26 mars 2016 70
8 juin 2015 à 21:37
J'ai trouvé une solution grace à Gravgun:

<script type="text/javascript">
function cacher()
{
document.getElementById('mail').style.display="none";
document.getElementById('merci').style.display="block";
document.getElementById('merci').className=className + "mail"
}
</script>

<div id="merci" style="display:none;" class="mail">
<div class="ss-q-help ss-secondary-text" style="text-align:center;">
Merci
</div>
</div>

<div id="mail" class="mail">
<form>
<input type="submit" name="submit" onclick="cacher()" value="Envoyer" id="ss-submit" class="jfk-button jfk-button-action "></td>
</form>
</div>

0