Visualizzare del testo in un div

**Gemini** · 05-12-2007, 21:13

Ciao a tutti,
ho il seguente testo in una textbox:

<font color="#FF0000">ciao a tutti</font>
<u>Belli e brutti</u>
rwerwer

rwerwe

Voglio visualizzare questo testo in un div cliccando su un tasto per vedere l'anteprima:
document.getElementById("dvAnteprima").innerHTML = document.getElementById("txtDesc").value.replace(" \r\n","
");

ma mi visualizza il testo senza andare a capo:
ciao a tutti Belli e vrutti rwerwer rwerwe
Perchè?
Grazie mille

**H5N1_Aviaria** · 05-12-2007, 21:50

Perchè una volta preso il testo con document.getElementById("txtDesc") questo già non contiene più le spaziature TAB e INVIO (&#13

.

**Gemini** · 06-12-2007, 10:19

Quindi come risolvo il problema?
Grazie

**H5N1_Aviaria** · 06-12-2007, 11:50

Innanzitutto dimmi che elemento ha come ID "txtDesc" (suppongo sia la textarea di cui parli)
Se vuoi passare dinamicamente il testo devi inserirlo in una variabile.
Il testo prelevato direttamente dal codice HTML non contiene \n o \t, ma sono "catturabili" da charCodeAt.

Oppure da espressioni regolari.

codice:

var testo=document.getElementById("txtDesc").value;
testo=testo.replace(/\s/,"
");
document.getElementById("dvAnteprima").innerHTML = testo;

**Gemini** · 06-12-2007, 12:00

Con il codice che mi hai dato non funziona.
Mette tutto su un unica riga e se c'è un tag font mi taglia la stringa font e non mi appliga il tag.

**H5N1_Aviaria** · 06-12-2007, 12:12

Ovviamente non conosco tutto il codice che usi...
Ma questo funziona:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>?</title>
	<script type="text/javascript">
	var doIt= function(){
	txt=document.getElementById("txt")
	testo=txt.value;
	alert (testo.length);

testo=testo.replace(/\B\s/,"
");

	document.getElementById("dvAnteprima").innerHTML=testo;
	}
	</script>
</head>

<body>
<textarea id="txt"></textarea>
<input type="submit" onclick="doIt();return false" />
<div id="dvAnteprima"></div>
</body>
</html>

Ho effettuato una piccola modifica alla RegExp che dovrebbe funzionare: non ricordavo che volevi inserire degli elementi XHTML nel testo

**Gemini** · 06-12-2007, 12:33

Grazie per l'aiuto.
Allora, il mio codice è esattamente uguale a quello che mi hai inviato.
Ho applicato il codice. Se scrivo nella textarea

Ciao a
tutti
belli e
brutti

Ricevo nel div:
Ciao a
tutti belli e brutti

Applica il codice solo alla prima riga.
Non voglio disturbare. Dove posso trovare un articolo che mi spirghi come fare?
Grazie

**H5N1_Aviaria** · 06-12-2007, 12:47

Azz... dovrei ripassare un po' di RegExp!

Sono fuori forma!
Chiedo scusa.

codice:

testo=testo.replace(/\n/gi,"
");

Leggi questa guida, io intanto ripasso un po' che ne ho bisogno

http://www.javascriptkit.com/jsref/regexp.shtml

**Gemini** · 06-12-2007, 13:06

Cmq, grazie ai tuoi condigli, ho trovao:
var nuovariga = /\n/g;
function SostituisciTextDiv() {
var NuovoTesto = document.getElementById("text").value;
NuovoTesto = NuovoTesto.replace(nuovariga, "
");
var DivElement = document.getElementById("anteprima");
DivElement.innerHTML = NuovoTesto;
}

Questo funziona

Discussione: Visualizzare del testo in un div

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare del testo in un div

Permessi di invio