[JavaScript]: check css file verander kleuren.

[DeEindbaas]

Hallo,

Ik ben bezig met een template en ik heb verschillende css files (grey.css, blue.css, red.css) om de kleuren mee aan te passen in de template.

Alleen nu draai ik ook jQeury flot dit is een statistieken plugin en hiervan zou ik de kleuren willen aanpassen die bij de css file horen die ingeladen word.

Ik zat er dus aan te denken of het mogelijk is om het volgende te toen?

- Include op de normale manier een kleuren CSS file.
- Javascriptje checkt welke css file kleur word ingeladen.
- Hij vind bijvoorbeeld blue.css en laad de array om de bijpassende kleuren van jQuery flot weer te geven.

Ik heb zitten Google of er voorbeelden van zoiets waren alleen ik kwam nergens op terecht! Kan zoiets wel of?

[MueR]

Het kan ongetwijfeld. Wat heb je al geprobeerd?

[martin149]

Ik denk dat je hier even moet kijken. Een mooie beginners tut is hier te vinden: http://designgala.com/basic-jquery-tutorial-change-css/
(via)

[DeEindbaas]

MueR schreef op donderdag 05 mei 2011 @ 14:18:
Het kan ongetwijfeld. Wat heb je al geprobeerd?

Ik ben van huis uit geen javascript programmeur ik kan een beetje spelen ermee maar dit soort dingen gaan mij iets te ver eigenlijk weet ik niet waar ik hierbij moet beginnen.

Ik kwam zelf op jQuery en dan met getScript alleen hiermee krijg ik het niet mee aan de praat.

martin149 schreef op donderdag 05 mei 2011 @ 14:36:
Ik denk dat je hier even moet kijken. Een mooie beginners tut is hier te vinden: http://designgala.com/basic-jquery-tutorial-change-css/
(via)

Dit bedoel / wil ik dus niet zo hebben...

Ik wil dat javascript checkt welke CSS file word geinclude in de pagina (blue.css, grey.css of red.css) en dat hij dan een color array laad die bij die css file hoort.

[ Voor 42% gewijzigd door DeEindbaas op 05-05-2011 14:48 ]

[DeEindbaas]

Deze topic post mag weg. (klikte dubbel)

[ Voor 136% gewijzigd door DeEindbaas op 05-05-2011 14:49 ]

[MadGazelle]

Hier staat een post waar een user voor een stylesheet checkt en de bijbehorende favicon laadt... Lijkt mij een soortgelijke actie als wat jij wil.... anyway in ieder geval heb je een manier om te checken welke stylesheet er wordt geladen...

Oh, en hier staat een blogpost over het dynamisch toepassen van stylesheets...

[ Voor 22% gewijzigd door MadGazelle op 08-05-2011 12:21 ]

[8088]

Is het niet veel gemakkelijker om bijvoorbeeld vanuit blue.css blue_flot.css te importeren?

Cascading Stylesheet:

@import url('/css/blue_flot.css');
/*
en hier de rest van blue.css
*/