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 19240 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 février 2024 4 494
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 19240 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 février 2024 4 494
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 19240 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 février 2024 4 494
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 19240 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 février 2024 4 494
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