How can I add a "selected" style to a siFR a:link?

Question

I got a menu powered by SIFR like this:

<h2><a href="images/logo.jpg">IDENTIIES</a></h2><br>

I've setup the different states of the a:link style and I'd like this link to stay in another color when it has been clicked on (until another link is clicked on).

I think this has something to do with javascript, but I can't make this work.

Can someone please help?

Answer 1

If you add a selected class to the link that has been selected you should have to different selectors. One for not selected and one for selected.

<h2 class="selected"><a href="images/logo.jpg">IDENTIIES</a></h2>
<h2><a href="images/logo.jpg">NOT SELECTED</a></h2>

Then use these selectors for sIFR replacements with a different style. Could be something like this:

sIFR.replace(YourFont, { 
  selector: 'h2 a',
  css: [ '.sIFR-root {color: #FF0000;}' ]
});

sIFR.replace(YourFont, { 
  selector: 'h2 a.selected',
  css: [ '.sIFR-root {color: #FFFF00;}' ]
});

Answer 2

Thanks, But I meaned how can this link become "selected" without having me to already set it as "selected", I just want it to has a selected when I click on it, not prior to this. This will be used in a left frame menu, I want the people to know in which section they are thanks to this.

Any idea?

Thanks!

Answer 3

Flash does not support this. JavaScript workarounds might be possible, but are workarounds at best. I advise you do not use sIFR for this scenario.