help with changeing \n to <br>.....

[meomike2000]

in my script i turn a string that was entered into a textbox in to a textnode with js.....

 

my problem is when i dispaly that textnode al the returns or \n s are ignored......

 

so if i had this in the textbox input:

 

test.....

 

test2....

 

when i display that with the js it comes out like this

 

test.....test2.....

 

i have tried to use replace('\n', '<br />'); but now it looks like this:

 

test.....<br />test2.....

 

can anybody help please........

[meomike2000]

ok i solved the problem, what i did was split the string at the \n. then i replaced all the \n with a div tag and that fixed the problem for me...

 

also on the lines where there was no text i had to set the div height...

 

i also have this set so that when you click on a post you can then click edit and it will then strip all the div. and replace them with \n so that it will display correctly inside a textbox.....

 

thanks to all that looked.......

 

here is how i add the div tags....

var newpost = post.split('\n');
for ( var b = 0; b < newpost.length; b++) {
	var postdiv = document.createElement('div');
	if (newpost[b] == '') {
		postdiv.style.height = '10px';
	}
	postdiv.appendChild(document.createTextNode(newpost[b]));
	//mbpost.appendChild(document.createTextNode(newpost));
	mbpost.appendChild(postdiv);
}

 

and how i strip them....

var splitpost = mbpost.innerHTML.split('</div>');
var postinfo = mbpost.innerHTML;
for (var c = 0; c < splitpost.length; c++) {
postinfo = postinfo.replace('<div>','').replace('<div style="height: 10px;">','').replace('</div>','\n');
}

[bibby]

Using divs seems a little heavy handed.

document.createElement('br') is perfectly reasonable, and exactly what you were initially asking for ("nl2br").

 

Working example @ http://bbby.org/u/w

[Zane]

there is a function for this called nl2br

 

It's short for newline2break

[meomike2000]

when i try that it literaly prints that out on the screen.....

 

still dont perform the line break or the return......

 

so i will have to stick to the div method for now, will toy with it some, thanks