previsualiser un textarea dans une div

Version imprimable

09/09/2009, 17h26
papaye0

previsualiser un textarea dans une div
Salut a tous,
j'ai une petite page de rédaction et je voudrais la prévisualiser dans un div en directe, mais pour moi le xhtml, le php : ok ; mais le JS . . . pas du tout
dans ma source j'ai donc :
Code:

1 2 3 4 5 <textarea id="textarea" onkeyup="keyup(this, 'prev');" name="contenu" cols="80" rows="30"> <?php echo $contenu; ?> </textarea> <br/> </p><div id="prev"></div>
j'écris dans le textarea en xhtml mais lorsque je vais a la ligne le br/ n'est ajouté qu'après la validation du message (le br/ est donc automatique)

donc si vous avez un ptit tuto ou un JS a m'expliquer :ccool:

Merci beaucoup.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
 
		<textarea id="textarea" onkeyup="document.getElementById('prev').innerHTML =  this.value" name="contenu" cols="30" rows="10"></textarea>     
  <br/>
  </p>
  <pre><div id="prev"></div></pre>
	</body>
</html>

Utilisation de la balise pre autour de la div qui formate les \n et \r en retour chariot ;)

10/09/2009, 14h52
papaye0

wahooo le truc trop top quoi ! :ccool:
génial ; merci beaucoup ! :)

EDIT :
Je m'amuse avec ça la du coup, j'ai la chique coupé de pas y avoir pensé :mrgreen:
tu as fais mon bonheur là ^^
10/09/2009, 18h55
le_chomeur

lol de rien ^^