Permettre des commentaire avec du javascript
Résolu
muramasakatana
Messages postés
39
Statut
Membre
-
muramasakatana Messages postés 39 Statut Membre -
muramasakatana Messages postés 39 Statut Membre -
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
- Javascript arrondi ✓ - Forum Javascript
- Commentaires - Forum Facebook
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 = "" ;