Two colors in sIFR 2.0.1

12. Jan 2006.

Characters	378
Syllables	100
Words	78
Sentences	3

As a result of your persistent requests, here’s the 2 color sIFR demo and a 2 color sIFR development kit. In case you were wondering, a multi color version is almost done in Pepa’s pot.

Enjoy and please, do keep reporting bugs!

Marko Dugonjić is a designer specialized in user experience design, web typography and web standards. He runs a nanoscale user interface studio Creative Nights and organizes FFWD.PRO, a micro-conference and workshops for web professionals.

Interested in more content like this?

Follow @markodugonjic

17 shouts to “Two colors in sIFR 2.0.1”

Zeerus
001—2006.01.12.19:41

now if only we could get the link to show up in the browser’s status bar on mouseover. other than that, all my sIFR dreams have come true. thanks so much for this
david
002—2006.01.12.21:43

need to recheck the shift right click option . I am win XP and ff 1.5 and it only works if i click the very edge of the headline. I have tried it at least 25 times, same result
Zeerus
003—2006.01.13.02:11

David, it works fine for me on FF 1.5 and IE 5, haven’t tested Opera or Safari yet, but I assume it works in both.
marko
004—2006.01.13.12:24

David, what is SHIFT + right click suppose to do?

Zeerus, URL display in a status bar is partially fixed (we’re still struggling with Safari, should work in Opera, FF and IE).

However, to see the status bar text in Firefox, one must enable it in Tools -> Options -> Content -> Enable JavaScript -> Advanced -> Change the status bar text
Criss
005—2006.01.18.21:11

Is there a way to have two different font-weights show up? I’m having difficulty setting up a headline that has light and bold weight to show up properly in IE and possibly Safari (haven’t checked it yet). The problems escalate across major browsers when I try to anchor the headline. Any ideas?
marko
006—2006.01.19.00:31

Criss, take a look at the multi color sIFR. It handles strong, em and span elements.
Arsart
007—2006.01.23.21:04

Marko, can you please provide uncompressed JS files inside multi color sIFR? Very important:) Please!
Christine
008—2006.01.31.10:10

Hi, I am using this 2 colour sifr in our website redevelopment and it is all going well. Except that my friend tried viewing it in Firefox 1.0.7 on a pc and I also tested in Netscape 7 on a pc, and in those 2 browsers each sifr element has the word “Undefined” next to it. All other browsers seem fine. Do you know what might be causing this??

Many Thanks!
Christine
marko
009—2006.01.31.10:13

Christine,
Please see the multi-color sIFR, the undefined issue should be fixed.
Christine
010—2006.01.31.10:33

Hi Marko,

Thanks for an ultra fast response. I actually did try the multi color sifr first and I had trouble making it work so I used the 2 colour instead.. Is there no way to fix it? Also if I try the multi one again, is it just a matter of popping the new js file in? Or do I have to rexport the movies?

Cheers!
marko
011—2006.01.31.10:44

Unfortuantely, you will have to re-export .SWFs and replace sifr.js. I’ve just tested multi in Netscape 7 and FF 1.0.7. and it works. Two color display the undefined issue, though.

Sorry for troubles, but hopefully it’s solved now.
Christine
012—2006.02.01.03:35

Hi marko,

Thanks for all your help. I’d really appreciate just a little more (Sorry!!), it’s just I’m meant to be going live later this week and I thought I had the 2 color working fine all this time cos I run firefox 1.5..

I got the latest zip of the multi sifr and popped the new .js file in the site, then I reexported the swfs and changed the replacement calls from sAltColor to sEmColor. The text is being replaced in FF & NS and no undefined error, but its only 1 color. I then checked it in IE and it throws a javascript error and doesn’t replace the text at all.. I noticed that the js file I downloaded was updated on 29th Jan, can you confirm that this version is all good??

Do you have any ideas for me. I also remembered why I went back to the 2 color one as well, I use coldfusion and it didn’t seem to work with the any pages with a .cfm extension, I had it working with html pages but not cfm ones which I thought was weird atm, so I switched to the 2 col one got that working. But this time with the multi it kinda seems to want to work on the .cfm pages, just not in the 2 colors..

Thanks!
chris
013—2006.02.14.08:13

Is it implied or stated that the 2-color SIFR only works with Latin encoding (specifically, iso-8859-1)? Unless I explicitly set my HTML doc or browser to use this encoding, the color replacement (span,em, strong) doesn’t happen (and on IE6, a JS error — unterminated string constant — prevents the whole SIFR replacement entirely).

I’d like, if possible, to have my HTML docs use utf-8 encoding. Any idea on if/how I can do this? Would it require changing the ‘flag’ characters or their encoding in the JS and ActionScript?
Chris
014—2006.03.15.01:03

I am writing this in response to Christine’s question above. I was also having trouble getting multi-color sifr to work with .cfm files. But I have figured out how to get it to work. In the sifr.js there are 2 strings of code that look like this:
else if(as(v,”em”)){u+=”Â”;}else if(as(v,”strong”)){u+=”Î”;}else if(as(v,”span”)){u+=”Ô”;}
Chris
015—2006.03.15.01:06

Sorry, accidentally submitted the form to early above.

Find those two strings of code and replace these characters as follows:

Â replace with Â
Î replace with Î
Ô replace with Ô

I did this and have multi-color working in IE and FF with .cfm files.

Hope this helps.
chad
016—2006.03.20.17:55

thanks, chris. I had the same problem and was nailing it down to the encoding characters, but didn’t resolve until I saw your post.

thanks,
chad
Christine
017—2006.03.21.03:33

Thanks Chris!

I am going to have a go at this straight away as we are currently using the 2 color version even though that has undefined errors.

Awesome!!

Thanks again,
Christine

Two colors in sIFR 2.0.1

Interested in more content like this?

Read this next: