CSS in Javascript

[aRMY83]

I'm in the process of creating a plugin and need to place the CSS in the JS component area.

I placed the style tags around the code and the plugin will not work until I remove the CSS and place it in the CSS component area and then it works just fine.

Is there something that I'm doing wrong?

[Brian]

The Javascript component is for Javascript only. The browser will error and cease execution of the Javascript if you place anything else there.

What are you attempting to do that the CSS or HTML component isn't capable of handling?

[aRMY83]

I was sure I seen it somewhere that the CSS could be entered in the JS component area but obviously that is not true.

Will place the CSS in the global header so I can add variables to it.

[Brian]

You can use Javascript or jQuery to apply inline CSS, but that requires the use of specific Javascript functions versus specifying selectors and properties in which case the global header might be the better way to go.


www.w3schools.com/js/js_htmldom_css.asp

www.w3schools.com/jquery/jquery_css.asp

[aRMY83]

Those are some nice links you provided and that is one area "Javascript functions" that I need to learn.

Thanks much!