CODEWITHSUNDEEP
htmlcss
David Díaz
David Díaz

Reputation: 190

Dynamic CSS attribute

I have the next two elements on an HTML file:

<a id="a1" href="?cssfile=css-folder/015/styles.css">Style number 015</a>
<div id="a1Preview"></div>

The first one (anchor) is a reference to a CSS that will be loaded dynamically by the page. The second one (div) pretends to be a preview (thumbnail) of the style sheet.

THE PROBLEM IS I need a way to set the div background dynamically from the CSS, something like:

#a1Preview
{
    background: url(css-folder/{"015" extracted from the <a> element}/preview.png);
}

Is this possible? Any ideas? Of course the HTML is untouchable. I can only change the CSS.

Thanks in advance.

Upvotes: 0

Views: 712

Answers (1)

megubyte
megubyte

Reputation: 1579

You could use jQuery to change the css content dynamically. jQuery is a extension to javascript. From there you could then use the system you use to skin, but generally to extract href attributes from tags and change CSS, you can use such a thing.

Upvotes: 1

Related Questions