JAVASCRIPT Onclick/submit afficher en bas
Résolu
bandido666
Messages postés
17
Date d'inscription
Statut
Membre
Dernière intervention
-
bandido666 Messages postés 17 Date d'inscription Statut Membre Dernière intervention -
bandido666 Messages postés 17 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Bonjour,
J'ai dois faire un petit formulaire de juste un champ et deux boutons. L'utilisateur y tape quelque chose, puis click sur un bouton et ce qu'il a tapé s'affiche en bas de la page et s'efface du champ. S'il click sur l'autre bouton, tout ce qui s'est affiché en bas doit s'effacer.
Voilà j'ai essayé avec des DIV pour le champ et pour chaque bouton et un autre pour là où tout doit s'afficer. J'ai utilisé le gestionaire OnClick puis OnSubmit et aucun des deux ne marche. Ce que j'écris s'efface du champ mais rien ne s'affiche en bas.
Dois-je utiliser des variable ? Combien de fonctions dois-je avoir ?
S'il vous plaìt, aidez moi !
Merci beaucoup
Bonjour,
J'ai dois faire un petit formulaire de juste un champ et deux boutons. L'utilisateur y tape quelque chose, puis click sur un bouton et ce qu'il a tapé s'affiche en bas de la page et s'efface du champ. S'il click sur l'autre bouton, tout ce qui s'est affiché en bas doit s'effacer.
Voilà j'ai essayé avec des DIV pour le champ et pour chaque bouton et un autre pour là où tout doit s'afficer. J'ai utilisé le gestionaire OnClick puis OnSubmit et aucun des deux ne marche. Ce que j'écris s'efface du champ mais rien ne s'affiche en bas.
Dois-je utiliser des variable ? Combien de fonctions dois-je avoir ?
S'il vous plaìt, aidez moi !
Merci beaucoup
A voir également:
- JAVASCRIPT Onclick/submit afficher en bas
- Afficher appdata - Guide
- Afficher google en page d'accueil - Guide
- Telecharger javascript - Télécharger - Langages
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
8 réponses
Attribues-lui un id à ton div (ex: <div id="message">);
Pour le masquer :
→ document.getElementById('message').style.display = "none";
Pour modifier son contenu :
→ document.getElementById('message').innerHTML = document.forms[0].elements[0].value;
Si tu n'y arrives pas, montre ce que tu as déjà.
Pour le masquer :
→ document.getElementById('message').style.display = "none";
Pour modifier son contenu :
→ document.getElementById('message').innerHTML = document.forms[0].elements[0].value;
Si tu n'y arrives pas, montre ce que tu as déjà.
Merci ! Je viens de faire ce que tu m'as dit mais au click il m'efface pas seulement ce que je tape mais tout le input... et ça s'affiche pas en bas de page !
Voilà ce que j'ai, je précise que je suis débutant :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Devoir Ajouter Effacer</title>
<script type="text/javascript">
function montre() {
document.getElementById("tapezici").style.display = "none";
}
function efface() {
document.getElementById("tapezici").innerHTML = document.forms[0].elements[0].value;
}
</script>
</head>
<body>
<div id="tapezici" onclick="affiche();">
<input type="text"/>
</div>
<div id="afficher" >
<input type="submit" value="Ajouter" onclick="montre();"/>
</div>
<div id="effacer" >
<input type="submit" value="Effacer" onclick="efface();"/>
</div>
<hr />
<div id="montreici">
</div>
</form>
</body>
</html>
L'idée c'est qu'au moment de clicker sur Ajouter ça s'affiche en <div id="montreici">
</div>
Je te remercie !
Voilà ce que j'ai, je précise que je suis débutant :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Devoir Ajouter Effacer</title>
<script type="text/javascript">
function montre() {
document.getElementById("tapezici").style.display = "none";
}
function efface() {
document.getElementById("tapezici").innerHTML = document.forms[0].elements[0].value;
}
</script>
</head>
<body>
<div id="tapezici" onclick="affiche();">
<input type="text"/>
</div>
<div id="afficher" >
<input type="submit" value="Ajouter" onclick="montre();"/>
</div>
<div id="effacer" >
<input type="submit" value="Effacer" onclick="efface();"/>
</div>
<hr />
<div id="montreici">
</div>
</form>
</body>
</html>
L'idée c'est qu'au moment de clicker sur Ajouter ça s'affiche en <div id="montreici">
</div>
Je te remercie !
Énorme ! Je te remercie infiniment.
C'est exactement ça, mais j'aimerais bien qu'après avoir clické sur "Ajouter" ce que j'ai écrit s'efface de l'imput, c'est possible ? De même, si je tape autre chose, comment faire pour ça s'affiche en bas aussi dans une autre ligne ?
Tu sais pas à quel point tu m'as aidé... du fond du coeur MERCI !
C'est exactement ça, mais j'aimerais bien qu'après avoir clické sur "Ajouter" ce que j'ai écrit s'efface de l'imput, c'est possible ? De même, si je tape autre chose, comment faire pour ça s'affiche en bas aussi dans une autre ligne ?
Tu sais pas à quel point tu m'as aidé... du fond du coeur MERCI !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'en reviens pas... c'est exactement ça ce dont j'avais besoin t'es trop gentil !
Maintenaint il me faut juste essayer de comprendre ce que t'as fait et je suis certain que ça va me prendre toute la nuit... Je rêve d'être capable de faire ça par moi même !!!!
Merci infiniment avion-f16 ! T'es trop fort !
Maintenaint il me faut juste essayer de comprendre ce que t'as fait et je suis certain que ça va me prendre toute la nuit... Je rêve d'être capable de faire ça par moi même !!!!
Merci infiniment avion-f16 ! T'es trop fort !