Check color CSS file... change colors jquery plugin

Question

Is it possible to check with JavaScript (jQuery) if there is a certain CSS file? And if there is that it loads a color array for jQuery plot?

Example:

I include a color CSS file (blue.css).
Javascript will check if there is a color CSS file (blue.css, red.css, grey.css).
There is blue.css in the page and the array colors for that CSS file ... is load for jQuery plot.

DanielB · Accepted Answer · 2011-05-05 13:01:27Z

1

I would use the following approach.

have a hidden <div id="colorIndicator" style="display:none"></div>
have a css rule in every color.css with a corresponding color #colorIndicator { color: #ff0000; }
On load make an ajax call to the server and get your colors

This could be the JavaScript using jQuery

$(function() {
    $.ajax( {
      method: 'POST',
      url: '/give/me/colors',
      data: { color: $('#colorIndicator').css('color'); },
      dataType: 'json',
      success: function(data) {
         // handle your json data
      }
    });
});

answered May 5, 2011 at 13:01

DanielB

20.3k2 gold badges48 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:55:35Z

0

Sounds a lot like this q/a will help:

HOW TO check if an external (cross-domain) CSS file is loaded using Javascript

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered May 5, 2011 at 12:49

Sam Huggill

3,1263 gold badges32 silver badges34 bronze badges

Collectives™ on Stack Overflow

Check color CSS file... change colors jquery plugin

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related