Insert embedded stylesheet as block?

[Gnarlodious]

I'm hoping someone can explain this and give a tip what I'm doing wrong.

This doesn't work (simplified for readability):

<style type="text/css">
<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript'>
if ( navigator.platform.substring(0,3).toLowerCase() == 'win')
document.write('body { font-family: Arial} ')
else document.write('body {font-family: Gadget } ')
</SCRIPT>
</style>

But this does:

<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript'>
if ( navigator.platform.substring(0,3).toLowerCase() == 'win')
document.write('<style type="text/css"> \n' +
'body{ font-family: Arial} \n' +
'</style>')
else document.write('<style type="text/css"> \n' +
'body { font-family: Gadget } \n' +
'</style>')
</SCRIPT>

I've tried to write style text common to both if/else's in the HTML but it
won't work. Why is this? Does JS act differently inside the style tags?

-- Gnarlie
http://www.Gnarlodious.com

[Ivo]

"Gnarlodious" wrote

This doesn't work (simplified for readability):

<style type="text/css">
<SCRIPT TYPE='text/javascript' LANGUAGE='JavaScript'>
if ( navigator.platform.substring(0,3).toLowerCase() == 'win')
document.write('body { font-family: Arial} ')
else document.write('body {font-family: Gadget } ')
</SCRIPT>
</style>

But this does:
<SCRIPT TYPE='text/javascript'>
var font = ( navigator.platform.substring(0,3).toLowerCase() == 'win') ?
'Arial' : 'Gadget';
document.write(
'<style type="text/css"> \n' +
'body{ font-family: '+font+ ' } \n' +
'</style>'
);
</SCRIPT>
I've tried to write style text common to both if/else's in the HTML but it
won't work. Why is this? Does JS act differently inside the style tags?

JS does not act at all inside style tags. Inside style tags only style rules
make sense. It is a pity that we cannot test directly for the presence of
certain fonts on user's system, but why don't you simply write
body{ font-family: Gadget, Arial, sans-serif; }
so that the next is used if the first does not exist?
HTH
Ivo

[Gnarlodious]

Entity Ivo spoke thus:

JS does not act at all inside style tags. Inside style tags only style rules
make sense. It is a pity that we cannot test directly for the presence of
certain fonts on user's system, but why don't you simply write
body{ font-family: Gadget, Arial, sans-serif; }

I guess I'll do that. Thanks for verifying what I suspected.
-- Gnarlie
http://www.Spectrumology.com
Spectrumology is the science of chaos.