Permettre des commentaire avec du javascript

Résolu/Fermé

muramasakatana Messages postés 36 Date d'inscription samedi 12 novembre 2016 Statut Membre Dernière intervention 7 juillet 2019 - 16 juil. 2018 à 21:56
muramasakatana Messages postés 36 Date d'inscription samedi 12 novembre 2016 Statut Membre Dernière intervention 7 juillet 2019 - 17 juil. 2018 à 15:47

bonjour bonsoir.

j'essai, avec du javascript pure, de permettre des commentaires en dessous d'un article.
j'ai tenté quelque chose mais, un peu comme prevu, ca n'a pas fonctionné.
j'aimerais que vous jugiez mon code et que vous m'aidiez à l'améliorer.

merci



<div class="commentaire">
                <form id="formulaire">
                    <label for="sujetTitre">Quel est le sujet</label>
                    <input type="text" name="sujet" id="sujetTitre"><br><br>

                    <label for="sujetAuteur">Entrez votre Pseudo</label>
                    <input type="text" name="auteur" id="sujetAuteur"><br><br>

                    <label for="sujetContenu">Ecrivez votre commentaire</label><br>
                    <textarea name="commentaire" id="sujetContenu"></textarea><br><br>

                    <input type="button" id="publier" value="publier" onclick="envoiForm()">
                </form><br><br><br>
                

                <div id="contenuCommentaire"><span>les commentaires</span></div>
 </div>


function envoiForm(){
    var titreElt = document.getElementById('sujetTitre').value;
    var auteurElt = document.getElementById('sujetAuteur').value;
    var sujetContenuElt = document.getElementById('sujetContenu').value;
    var contenuCommElt = document.getElementById('contenuCommentaire');
    var brElt = document.createElement('br');

    var spanTitre = document.createElement('span');
    var spanAuteur = document.createElement('span');
    var spancontComm = document.createElement('span');

    spantitre = 'Titre du sujet : ' + titreElt;
    spanauteur = 'Auteur : ' + auteurElt;
    spancontComm = sujetContenuElt;

    contenuCommElt.appendChild(spanTitre);
    contenuCommElt.appendChild(brElt);
    contenuCommElt.appendChild(spanAuteur);
    contenuCommElt.appendChild(brElt);
    contenuCommElt.appendChild(spancontComm);
}

A voir également:

Permettre des commentaire avec du javascript
Clément a partagé le fichier mme bovary. il a écrit des commentaires dans le document. quel est le 2e commentaire ? - Guide
Telecharger javascript - Télécharger - Langages
Traduction commentaire youtube disparu - Forum YouTube
Problème de commentaire - Forum Facebook
Dans le message facebook ci-dessous, cédric a commenté une photo publiée par gabin. qui peut voir le commentaire de cédric selon les règles de ce réseau social ? - Forum Logiciels

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
16 juil. 2018 à 23:05

Bonjour,

Teste ça :

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <meta charset="utf8">
  </head>
  <body>
    
    <input type="text" placeholder="Saisir du texte" id="toto">
    <button onclick="creer()">Go!</button>
    <div id="container">
    </div>

   <script type="text/javascript">  
    function creer(){
      console.log("Creer..");
      var tt = document.getElementById("toto").value;
      var container = document.getElementById("container");
      
      //exemple d'un input
      var inputTitre = document.createElement('input');
      inputTitre.name = "newInput";
      inputTitre.value = tt;
      
      container.appendChild(inputTitre);
      
      //exemple d'un element de type SPAN (ou label ou div...)
       var spanTitre = document.createElement('span');
       spanTitre.name = "newSpan";
       spanTitre.innerHTML = tt;
       
       container.appendChild(spanTitre);
    }
    
   </script>
  </body>
</html>

muramasakatana Messages postés 36 Date d'inscription samedi 12 novembre 2016 Statut Membre Dernière intervention 7 juillet 2019
17 juil. 2018 à 14:29

c'est vraiment ça... merci.

est-ce que t'as un moyen pour "clear" l'inpu text après publication du commentaire ?

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 718
17 juil. 2018 à 15:04

Tout simplement

document.getElementById("toto").value = "" ;

muramasakatana Messages postés 36 Date d'inscription samedi 12 novembre 2016 Statut Membre Dernière intervention 7 juillet 2019
17 juil. 2018 à 15:47

Discussions similaires