Document.write multiline css

[perishingflames]

How can I use document.write javascript to write multiline css? Does \n work for line breaks?

document.write("<style type='text/css'>.welcomebg {background-image: url(http://i92./l14/Perishingflames/Picture37.png);}\n.titlebg {background-image: url(http://img329.imageshack.us/img329/2595/goldjo3vn7.gif);}</style>");

[Michael]

Do you have to have it multiline - I don't get what you're trying to achieve.

[perishingflames]

Haha actually just realized that right before you posted this

[Bennett 🚀]

You would need separate document.write()s..

document.write('<style type="text/css">.welcomebg {background-image: url(http://i92./l14/Perishingflames/Picture37.png);}</style>');
document.write('<style type="text/css">.titlebg {background-image: url(http://img329.imageshack.us/img329/2595/goldjo3vn7.gif);}</style>");

[Michael]

Oct 21, 2009 19:26:33 GMT -8 Bennett 🚀 said:

You would need separate document.write()s..

document.write('<style type="text/css">.welcomebg {background-image: url(http://i92./l14/Perishingflames/Picture37.png);}</style>');
document.write('<style type="text/css">.titlebg {background-image: url(http://img329.imageshack.us/img329/2595/goldjo3vn7.gif);}</style>");

That's not multiline - as pointed out previously, there's no advantage to multiline in this point, or any need for it.

[Bennett 🚀]

Oh, lol, I am half-awake, half-asleep. Nm on my post lol

[Charles Stover]

Multiple document.writes doesn't make multiple lines.
As said, multiline isn't necessary.

But, to answer the original question, yes \n will work (in double quotes, not in single quotes) for making a new line if you ever need to for whatever reason.

[perishingflames]

Yeah I just did

document.write("<style type='text/css'>.welcomebg {background-image: url(http://i92./l14/Perishingflames/Picture37.png);}.titlebg {background-image: url(http://img329.imageshack.us/img329/2595/goldjo3vn7.gif);}</style>");

[jadw2k9]

If you want it multi-line so you can see it more clearly? Yes, that's possible. See below:

document.write("<style type='text/css'>"+
".welcomebg {background-image: url(http://i92./l14/Perishingflames/Picture37.png);}"+
".titlebg {background-image: url(http://img329.imageshack.us/img329/2595/goldjo3vn7.gif);}</style>");

By the way, the "\n" makes no difference to the code. When the code is compiled and run, it's all treated as though it's written on a single line. That's why every statement/command has to end with a semi-colon.

[Charles Stover]

The \n most certainly makes a difference. Not noticable to the viewer, since whitespace isn't [always] displayed. \n isn't part of the JavaScript, it's part of the HTML.
Times where \n would be noticable, for example, would be in a <pre> tag.
document.write("<pre>This is\npreformatted\ntext.<\/pre>");
In stylesheets, if you use <!-- and --> inside the <style>, there has to be a linebreak between the comment tags and the code itself (probably not in all browsers, but I've ran into that error before).
So, document.write("<style type=\"text/css\"><!--\n.code { sexy : stuff; }\n--><\/style>");
In his example, he wasn't using comments, so it wasn't necessary. But for someone who is, it is.
And in alert() messages, which don't take HTML,
alert("This message is\non multiple lines.");

It's not needed for most cases, but it's worth knowing and has its uses.

[jadw2k9]

You may have a point.

Though, \n wouldn't have made a difference in the bit of code posted by OP. But I'm sure OP will find your examples useful regardless - especially as I have no idea what other CSS he/she is putting in that document.write().