JAVASCRIPT Onclick/submit afficher en bas

Résolu/Fermé
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010
- 31 oct. 2009 à 18:58
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010
- 31 oct. 2009 à 21:44
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

8 réponses

avion-f16
Messages postés
18924
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
26 septembre 2022
4 426
31 oct. 2009 à 19:04
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à.
0
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010

31 oct. 2009 à 19:25
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 !
0
avion-f16
Messages postés
18924
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
26 septembre 2022
4 426
31 oct. 2009 à 19:49
Je t'ai fait un exemple ici.
0
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010

31 oct. 2009 à 20:12
É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 !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
avion-f16
Messages postés
18924
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
26 septembre 2022
4 426
31 oct. 2009 à 20:27
J'ai mis à jour l'exemple.
Revérifies bien tout parce que au lieu de masquer le div, je le vide.
0
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010

31 oct. 2009 à 20:43
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 !
0
avion-f16
Messages postés
18924
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
26 septembre 2022
4 426
31 oct. 2009 à 20:46
“Merci infiniment avion-f16 ! T'es trop fort !“
Loin de moi l'idée de me vanter, ce script n'est rien du tout comparé à mes compétences.
0
bandido666
Messages postés
17
Date d'inscription
samedi 31 octobre 2009
Statut
Membre
Dernière intervention
17 janvier 2010

31 oct. 2009 à 21:44
C'est claire ! J'imagine que t'es un vrai expert, mais en même temps être si gentil et m'avoir aidé autant te fait encore plus fort ;-)
0