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
Telecharger javascript - Télécharger - Langages
Clément a partagé le fichier mme bovary. il a écrit des commentaires dans le document. quel est le 2e commentaire ? - Guide
Voir commentaire facebook sans être ami ✓ - Forum Facebook
Voir commentaire twitter ✓ - Forum Twitter
Problème de commentaire - Forum Facebook

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
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

ouais ça fonctionne. merci de fou malade

Discussions similaires

Comment identifier (ou situer) qui écrit des commentaires sur mon blog ?

fichiers écrits en bleu

Savoir si je suis bloqué par une personne sur snap chat

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

Discussions similaires

Newsletters