Problème document.write dans nouvel onglet

Fermé
Tracius - 21 déc. 2015 à 16:24
ARMAND3 Messages postés 115 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 26 décembre 2015 - 26 déc. 2015 à 12:13
Bonjour,

voici le code qui me pose problème :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function commentaires() {
var pseudo = document.getElementById("pseudo").value; //récupère le pseudo
var com = document.getElementById("commentaire").value; //récupère le commentaire
document.write("<p>"+pseudo+": "+com+"</p>");
}
</script>
</head>
<body>
<div id="texte">
<h1 id="name">Commentaires</h1>
<form id="form">
<fieldset>
<legend>Pseudonyme</legend>
<div>
<input type="text" name="pseudo" id="pseudo" required autofocus>
</div>
</fieldset>
<fieldset>
<legend>Commentaire</legend>
<textarea name="commentaire" cols="80" rows="10" required id="commentaire">Donnez nous votre avis !</textarea>
<input type="button" name='Envoyer' value="Envoyer" onClick="commentaires()">
</fieldset>
</form>
</div>
</body>
</html>

Le problème ici est que le document.write de la fonction s'effectue sur un nouvel onglet et non à la suite de la page. Etant débutant en javascript je ne sais pas trop d'où peut venir le problème, c'est pour cela que je vous le demande.

Merci d'avance

2 réponses

Finalement c'est le document.write qui efface le contenu de toute ma page, existe t-il un moyen d'éviter que document.write efface le contenu de la page ?
0
ARMAND3 Messages postés 115 Date d'inscription jeudi 14 février 2013 Statut Membre Dernière intervention 26 décembre 2015 4
26 déc. 2015 à 12:13
Je ne suis non plus plus bon que toi mais essaye de mettre ton script avant la fermeture de la balise body. Toute la page aura le temps de charger
0