Iframe après appui sur bouton

Résolu

PiR/D Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
PiR/D Messages postés 213 Date d'inscription Statut Membre Dernière intervention - 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.

--
-insérez une citation bidon trouvée sur internet-

Afficher la suite

3 réponses

Réponse 1 / 3
dugenou Messages postés 6262 Statut Contributeur 1 455

Bonsoir,

Pourquoi ne pas afficher simplement un message à la place du formulaire après validation.
0
Réponse 2 / 3
ElementW Messages postés 5690 Statut Contributeur 1 293
'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
1. PiR/D Messages postés 213 Date d'inscription Statut Membre Dernière intervention 71
  
  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 Statut Membre Dernière intervention 71

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>

Iframe après appui sur bouton

3 réponses

Discussions similaires

Newsletters