Nevermind, I had a bug in the code. The colors were being retrieved
and assigned to respective elements. The problem? Well, the colors
being assigned were actually the colors already there so that's why I
didn't notice any change and for me "it wasn't working". I knew this
couldn't be something else but a stupid bug on my code.
On Mar 26, 5:32 pm, Nazgulled <[EMAIL PROTECTED]> wrote:
> :(
>
> Nazgulled wrote:
> > Anyone please... This is really making me mad and I have no clue on
> > how to fix this stupid bug that shouldn't be happening.
>
> > If anyone as any idea, please, let me now... :(
>
> > Nazgulled wrote:
> > > Hi there,
> > > I'm having this strange problem with IE that I don't know how to fix.
> > > Tried countless things, but neither worked and I just can't understand
> > > why this is happening, it makes no sense to me.
>
> > > First things first... To assign a color to some element border I do
> > > the following which works fine:
> > > $('id#element').css('borderColor', '#ff0000');
>
> > > Now let's say I have a variable with that string, something like this
> > > that also works fine:
> > > var color = '#ff0000';
> > > $('id#element').css('borderColor', color);
>
> > > Now the real problem. On my original code, I have something like the
> > > above example, the only difference is that the "color" variable is not
> > > manually assigned like in the example. I have a function that grabs
> > > some colors from an external stylesheet, puts them into an array and
> > > returns the array.
>
> > > That function is called getColorsFromCSS and the code is the
> > > following:
> > > getColorsFromCSS: function(cssElement) {
> > > var cssRules, cssSelector;
> > > var colors = [];
>
> > > // Which CSS rules are available in the browser?
> > > if (document.styleSheets[0].cssRules) {
> > > cssRules = document.styleSheets[0].cssRules;
> > > } else {
> > > cssRules = document.styleSheets[0].rules;
> > > }
>
> > > // Double check if the CSS rules are really available
> > > if (cssRules) {
> > > // Loops through each CSS selector
> > > for (var i = 0; i < cssRules.length; i++) {
> > > cssSelector =
> > > cssRules[i].selectorText.toLowerCase();
>
> > > // Get colors from which CSS elements?
> > > if (cssElement == 'links') {
> > > // Gets the color value for a specific
> > > selector
> > > switch (cssSelector.replace(/,.+/i, "")) {
> > > case "ul#cp-block-items a:link":
> > > colors[0] =
> > > cssRules[i].style.color;
> > > break;
> > > case "ul#cp-block-items a:hover":
> > > colors[1] =
> > > cssRules[i].style.color;
> > > break;
> > > case "div#content a:link":
> > > colors[2] =
> > > cssRules[i].style.color;
> > > break;
> > > case "div#content a:hover":
> > > colors[3] =
> > > cssRules[i].style.color;
> > > break;
> > > }
>
> > > //
> > > if(colors.length == 4) return colors;
> > > } else if (cssElement.indexOf('popup') == 0) {
> > > // Gets the color value for a specific
> > > selector
> > > switch (cssSelector.replace(/,.+/i, "")) {
> > > case "div#" + cssElement:
> > > colors[0] =
> > > cssRules[i].style.color;
> > > colors[1] =
> > > cssRules[i].style.backgroundColor;
> > > break;
> > > }
>
> > > //
> > > if(colors.length == 2) return colors;
> > > }
> > > }
> > > }
> > > },
>
> > > Yes, the function is working, meaning the values are retrieved from
> > > the external CSS and the array is returned with all the values inside
> > > it. I conformed this by doing an alert(popupColors[0]); before trying
> > > to set the border color and the output was a string with the color
> > > value (like the code below).
>
> > > And my real code goes like this:
> > > var popupColors = $.admin.getColorsFromCSS('popup-notice-error');
> > > alert(popupColors[0]); // This outputs the color value assigned to
> > > this array index
> > > $('div#popup-block').css('borderColor', popupColors[0]); // But this
> > > doesn't work :(
>
> > > This is only happening in IE6/7, not on Firefox 2.0.0.12, Opera 9.26
> > > and Safari 3.1 (Win).
>
> > > Any thoughts on this?
