Programmatically inserting a newline in a <textarea>, <span>, or <div>

[JScannell]

I can't get anything to work!! I want to produce a list of upcoming birthdays for my clients. I have tried a textarea, span, and div. But there seems to be now way to produce a list like this:
Upcoming Birthdays:
Johnny Jones 10/31/2021
Anita Smith 11/5/2021

I have tried several values for a newLine variable including 'BR', Slash-r and Slash-n, Ampersand 13 and Ampersand 10 but no matter what I try, all I get is the textual value of the newLine variable!

so what you see above would come out as: Upcoming Birthdays:[newLine value] Johnny Jones 10/31/2021[newLine value] Anita Smith 11/5/2021

See the attachment. In it is my actual code as well as the output.

Thanks in advance,
Jerry

Jerry Scannell

 

[ggriffit]

have you tried

https://stackoverflow.com/questions/863779/how-to-add-line-breaks-to-an-html-textarea

Greg Griffiths
Livelink Certified Developer & ECM Global Star Champion 2005 & 2006

http://www.greggriffiths.org/livelink/

 

[JScannell]

It still doesn't work. I had previously tried several "new line" values and all it did was display that text as if it was just text. I posted an attachment the other day that explained how I tried several "new line" iterations with the same results. It just displayed the text and not the interpretation of the "newLine" value.

I've attached a new document now.



Jerry Scannell

 

[feherke]

Hi

I am still confused abit regarding your intention. Anyway, there are 2 possibilities :
[ul]
[li]Use a DOM element : append to its [tt].innerHTML[/tt] property and use [tt]<br>[/tt] for line break[/li]
[li]Use a [tt]textarea[/tt] : append to its [tt].value[/tt] property and use [tt]'\n'[/tt] for line break[/li]
[/ul]
See them in action on JSFiddle :

https://jsfiddle.net/w7chogrx/

Feherke.
feherke.github.io

 

[JScannell]

The purpose is to populate the upcoming client birthdays after.logging in. I want one per line in the textarea.

Jerry Scannell

 

[ggriffit]

as this is post login, I assume you have some server side code handling that, so why not add this in there as well ? If you have to use JS then feherke's examples should do what you need.

Greg Griffiths
Livelink Certified Developer & ECM Global Star Champion 2005 & 2006

http://www.greggriffiths.org/livelink/