Permettre des commentaire avec du javascript
Résolu
muramasakatana
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
muramasakatana Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
muramasakatana Messages postés 36 Date d'inscription Statut Membre Dernière intervention -
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
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
- Commentaire word - Guide
- 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 ? ✓ - Forum Windows 7
- Commentaires - Forum Facebook
- Javascript arrondi ✓ - Forum Javascript
1 réponse
Bonjour,
Teste ça :
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>
est-ce que t'as un moyen pour "clear" l'inpu text après publication du commentaire ?
document.getElementById("toto").value = "" ;