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 -
PiR/D Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
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.
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.
A voir également:
- Iframe après appui sur bouton
- Bouton reinitialisation pc - Guide
- Diagnostic bouton photo - Accueil - Outils
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Symbole arrêt marche - Forum Word
3 réponses
'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
En JavaScript, il suffira d'enlever cette classe au div et de la mettre à ton formulaire, effectivement le remplaçant sur la page:
Le mieux est même d'avoir le div présent dès le début en
display: nonegrâce à une classe CSS (
cachepar 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');
});
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>