Problème document.write dans nouvel onglet
Tracius
-
ARMAND3 Messages postés 122 Statut Membre -
ARMAND3 Messages postés 122 Statut Membre -
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
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 ?
-
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
