sIFR 3: r372 Zoom Away!

A quick update with regards to the beta. A number of issues have been found concerning page zoom and Firefox. These issues should all be fixed now. Other changes include:

Several bugfixes regarding forceSingleLine.
The XHTML demo was not built properly by the build script.
Added support for .sIFR-root { cursor: pointer; }.
Print preview in Firefox/Windows no longer throws errors.
The fixFocus caused infinite recursion, but no more!
sIFR should no longer cause the page to “jump” when the window is resized, although the sIFR elements may flicker a bit.
Text replaced through replaceText is now remembered after moving back to the page through browser history in Firefox.

You can get r372 from the nightlies.

Useful links:

Check out the sIFR 3 demo.
Download the latest sIFR version.
Subscribe to a feed for the nigthlies.
Join the sIFR 3 Announce mailing list.
Join the sIFR 3 Development mailing list.
Join the forum.
Edit the Documentation Wiki.

link | sifr3 | 26 January 2008, 22:17

Comments

sIFR is throwing off my tabindex ordering for pages displayed using IE6. After the page loads the sIFR text the cursor in my form with tabindex set equal to 1 disappears and pressing the tab key selects a link or form at the top of the page. Is this a known bug? Is there a way to fix this.

Chad | 28 January 2008, 20:39 | link
Actually I’m seeing that in Camino as well. I’ll look into it!

Mark Wubben | 30 January 2008, 20:01 | link
Hey Mark - First comment ever so… I LOVE sIFR!!! It has been very enjoyable to use. I am using r370 from the nightlies and having issues with the hover bug on http://nitsuaproject.com - the text is small but its quite a problem, I have searched hard for a fix but points to the fact that it was fixed from like r330, any thoughts or fixes or am i doing something wrong? Thanks ;)

Editor's note: Resolved through the forum

Josh Reid | 30 January 2008, 21:56 | link
Just wanted to say that I just implemented cursor: pointer, and, though a small tweak to my site, it works perfectly and makes all the difference to me. Many continued thanks, Mark.

Zack | 31 January 2008, 02:30 | link
hello,

first of all, thank you very much for your work.

I’m using rev 372 and have some problem in FF. the test site is http://christophdunst.com/test/eon

in FF the text disappears as soon as the window is changed, resized, scrolled. is there a reason for that? also: I’m planning to use jquery on this site too. should I pay attention to the order the libraries and/or the scripts are loaded?

thank you

feragnoli | 1 February 2008, 11:34 | link
If you’re talking about Firefox 2 on Mac, that’s because of the opacity property on at least #pr_navi.

Mark Wubben | 1 February 2008, 14:07 | link
hello mark, you wrote:

that’s because of the opacity property on at least #pr_navi.

you mean that the css is not well formatted and that I should include a way to hide or serve a css with only moz-opacity? or no opacity definition at all would be better? is therefore not possible to overlay a half-transparent layer (pr_navi) on another one?

I also set the repaintOnResize to false but that is not effecting the behaviour.

further: do you have any idea of conflicts between sifr3 and jquery?

thank you very much for your quick answer.

feragnoli | 1 February 2008, 15:49 | link
Sorry, should’ve been more clear. There’s a bug in Firefox on the Mac (fixed in Firefox 3) where Flash movies don’t show up due to opacity being defined on some elements in the page.

Regarding jQuery, you can’t use sIFR calls inside the $(document).ready() event.

Mark Wubben | 1 February 2008, 16:42 | link
sIFR is throwing off my tabindex ordering for pages displayed using IE6. After the page loads the sIFR text the cursor in my form with tabindex set equal to 1 disappears and pressing the tab key selects a link or form at the top of the page. Is this a known bug? Is there a way to fix this.

Chad, apologies, this is indeed a known bug – caused by Flash itself. The solution is to put the focus back on the form element manually.

Mark Wubben | 1 February 2008, 18:02 | link
Hi Mark,

I’m working with the latest nightly (382) on a project but am seeing erratic behavior in IE7 where on random page loads the sIFR text will appear and after a second or two, vanish again. I can select the text as if it is still present, but am not able to make it reappear. Have you encountered this before? I can give you specific examples of where I’m having this issue over a private channel. Thanks!
- kyle
Kyle Crouse | 4 February 2008, 21:39 | link
Hi Kyle, nope, haven’t seen that. Would appreciate examples!

Mark Wubben | 4 February 2008, 22:15 | link
Im finding it difficult for fixFocus to work on FF/Win…by any chance can you divuldge the JS fix for this. thanks

Tunde Ashafa | 4 February 2008, 23:18 | link
That’d be sIFR.replace(movie, {fixFocus: true});.

Mark Wubben | 5 February 2008, 07:01 | link
sIFR.replace(movie, {fixFocus: true});

this is what i have in my sifr config… it just wraps the movie in a a div with the fixfocus class, but it makes no difference for me

Tunde Ashafa | 5 February 2008, 17:59 | link
Are you using an up-to-date sIFR-screen.css file?

Mark Wubben | 5 February 2008, 18:03 | link
yes i am

Tunde Ashafa | 5 February 2008, 19:02 | link
Okay, could you make a post in the forum with an example page?

Mark Wubben | 5 February 2008, 20:41 | link
I’m trying to use sIFR to enhace a website, but I need the fonts generated with sIFR to be printed, is this possible?

Victor | 7 February 2008, 19:25 | link
“Chad, apologies, this is indeed a known bug – caused by Flash itself. The solution is to put the focus back on the form element manually.”

Thanks Mark.

Chad | 7 February 2008, 21:31 | link
Victor, browsers don’t print Flash very well, so no.

Mark Wubben | 8 February 2008, 09:18 | link
Broken in latest Opera.

Editor's note: this is a known issue and explained in the release notes for the beta.

Taimar | 10 February 2008, 17:55 | link
I can’t use any sifr past version 3.370. When the title is rendered inside a browser it says I need to upgrade my flash to “…version 382…” It does this from version 3.372 and up in both Firefox and IE7. Am I missing something obvious?

Matt | 12 February 2008, 20:51 | link
Am I missing something obvious?

Actually, yes. You need to upgrade the Flash movie to version 382, in other words re-export it from the files in the r382 download. The JavaScript and Flash versions need to be kept in sync.

Mark Wubben | 12 February 2008, 21:17 | link
Why do the titles shake and flash when the page loads. This also happens upon scroll. The older versions do not do this. I’m using IE7.

Scott | 14 February 2008, 20:51 | link
As you stated before, that it is broken in Opera, got a question about that. Did you choose to disable functionality entirely based on browserdetection (in this case Opera X.XX)?

If so, couldn’t you put in a Opera version check (e.g. Opera “9.21”)? Because the latest prebeta versions (from the opera desktopteam-blog) are working fine with older versions.

Your demo site shows no custom fonts, but other sites with older versions work perfecly.

PS. Thnx for the excellent script!

Gabrijel Gavranovic | 16 February 2008, 03:56 | link
Scott, what do you mean precisely? On which page?

Gabrijel, indeed, it’s working again in the latest weekly. I’ll re-enable Opera, although I’m rather busy at this point and the code is in flux. The reason I blocked Opera in it’s entirety is that a) it displayed sIFR rather slowly, and b) there was no way to predict when the Flash JavaScript communication would start working again.

Mark Wubben | 16 February 2008, 13:07 | link
Hi, I have a strange problem…I use sfir3 in a website and…I see everything works ok BUt capital H is replaced by a big vertically centered DOT!!! STRANGE!! Please have a look here: http://www.davidesacco.net/alb/ita/calendarioProsa.php# (please click for instance on “CHIAMATEMI KOWALSKI” and you can see…)…. And…please please help me!!! THANKS!!! D.

Davide | 17 February 2008, 23:49 | link
Davide, looks like an issue with the font you’re using. You sure it’s got an H? Also, you should be using a more recent nightly (hence this post, and the closing of comments on the beta 2 post). And please don’t e-mail me and post here, that only causes more work for me.

Mark Wubben | 18 February 2008, 09:07 | link
Hey Mark, thanks for the nod-to in the nightlies!

Michael J Kormendy | 20 February 2008, 19:56 | link
Does sIFR have a way to change a letter in the degrade version to another specified letter?

What I mean is that the pre-sIFR font I would be using does not have a ligature character I would like to use that is present in the swf font for sIFR.

Thanks for any info.

Peter | 6 March 2008, 17:19 | link
Peter, yep. See the modifyContent and modifyContentString arguments to sIFR.replace(): http://wiki.novemberborn.net/sifr3/JavaScript+Methods

I reckon modifyContentString is the one you’re looking for.

Mark Wubben | 6 March 2008, 20:06 | link
Oh thanks , Mark.

Was looking for something similar..

Rasesh Tanna | 9 March 2008, 08:37 | link
In a reply of yours, you said that you will re-enable sIFR for Opera. Is that done in the latest release?

Johan | 19 March 2008, 17:04 | link
Hi Johan, I’m hoping to release a new build on Sunday or Monday. This will include Opera 9.50 support.

Mark Wubben | 19 March 2008, 19:01 | link
Mark,

The headings on this entire site are disappearing for me, upon page load. I’m using Firefox 3 Beta 4 for Mac OS X 10.4.11. However, sIFR is perfectly fine on most other sites such as Mike Davidson’s or the sites in which I’ve implemented sIFR.

Any reason it’d be doing this? Just thought I’d let you know.

Jon | 20 March 2008, 09:43 | link
Hi Jon, could you elaborate on “disappearing”? It’s fine for me, though I’ve only checked on Leopard. Shouldn’t matter, though.

Mark Wubben | 22 March 2008, 22:03 | link
Hello there Mark, maybe you can help me with this strange issue, whenever i try to create a new font file with flash CS3 on Mac OS, i get this in the compiler output:

The name of this class, ‘SifrStyleSheet’, conflicts with the name of another class that was loaded, ‘SifrStyleSheet’.

and 2 other similar errors for the classes sIFR and Options…. Any idea of what could be wrong ?

Diego Massanti | 24 March 2008, 04:35 | link
Hi Diego, that sometimes happens, no idea why. Usually you can fix it by extracting the download to a new directory and relaunching Flash from that directory.

Mark Wubben | 24 March 2008, 11:53 | link
Hi Mark

Just been looking at the comments on this page and noticed that one of them is suffering the same problem as I am with sIFR. Some of the text replacement displays and then vanishes. Strange thing is that if you hover over a menu item the flash replacement text will reappear!

If you need to take a look, the test site is here http://s0005.flow-server.com/

Cheers

G

Keep up the good work by the way.

George Crockford | 27 March 2008, 17:10 | link
George, which browser would this be in? Perhaps we could continue this on the forum.

Mark Wubben | 28 March 2008, 20:00 | link
Hi Mark,

I’m using a lot of jquery in my websites, but sIFR doesn’t work within elements that are controlled by jquery… is there any way to fix that? Thank you, and keep up the good work!

Arnoud | 21 May 2008, 13:56 | link
You’ll have to be more specific than that. Could you post to the forum?

Mark Wubben | 21 May 2008, 14:30 | link
Hi Mark, I joined the Forum and posted here: http://discuss.joyent.com/viewtopic.php?pid=180147#p180147

Arnoud | 22 May 2008, 10:43 | link
Mark, I can happily say that our friend Bob is now in love with sIFR 3. No more difficulties.

Thanks so much for your work on this action man. I love it. You can see my implementation @ http://www.fuor.de

Josiah | 7 June 2008, 22:12 | link
Hello Mark!

This seems super-great and i’m anxious to get it working properly.

Currently, the text is larger in Firefox than in IE, so FF wraps it … often in the middle of a word! Looks like this:

PARALY

SIS

That’s no good. So i disabled wrapping in the swf, and logically, the ends of my titles are cut off in FF. i prefer this to the odd wrapping, but i’d love to get it sorted out so that it works as expected.

Here’s the sIFR style:

.sIFR-active h3 { visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 30px; }

Here’s the page style:

h3 { font-family: georgia; font-size: 130%; }

Any ideas?

Ryan Henson Creighton | 12 June 2008, 15:51 | link
Ryan, could you post in the forum with a link? Thanks!

Mark Wubben | 12 June 2008, 22:07 | link
Sure thing:

http://www.untoldentertainment.com/blog

Ryan Henson Creighton | 13 June 2008, 01:41 | link
Hello Mark!

First of all, absolutely great work! I love sIFR!

I got a slight bug (at least i think it is one, maybe it’s a bug in my code ;). I’ve got a heading with a transparant background. When i scroll my page down, and the cursor is on a transparant sIFR replaced tag, i can’t scroll down further untill I move my cursor off the sIFR replaced tag.

Any idea if this can be fixed? Perhaps it’s a simple setting? Just couldn’t find the answer to this.

Regards, Berry

Berry | 4 July 2008, 10:57 | link
Hej Berry. This is a browser bug, which is on my to-fix list.

Mark Wubben | 8 July 2008, 21:30 | link
Hi there! I’m really liking using sifr, but have come across a small problem - is it possible to make a page with a doctype of XHTML using sifr validate? It just sees to really dislike the “//

Chisa | 9 August 2008, 09:09 | link
Dislikes the "//?

Mark Wubben | 9 August 2008, 14:49 | link
I’m not sure if it’s ever been discussed, but it would be really useful from a CSS perspective to utilise the flash detection script of sIFR 3, if it applied a class to that denoted the presence of flash.

eg.

DIV.videoplayer { background:#000000; }

.flash DIV.videoplayer { background:transparent; }

It could be potentially handy to take it aa step further with major flash versions as well.

I am aware that in most cases “sIFR-active” gets the job done, but i don’t like it in my CSS.

glenn | 19 August 2008, 12:56 | link
No that I think about it, It’s probably more appropriate to be in swfobject.

glenn | 20 August 2008, 09:43 | link
Yea that would be useful. Not hard to add yourself though, especially when using sIFR or SWFObject as a base.

Mark Wubben | 20 August 2008, 10:21 | link
Your right, it is easy enough.

http://rafb.net/p/7U4bI681.html

Applies classes “hasflash” and “fv-lt-7” or “fv-7” or “fv-8” etc, to html tag.

Works with just sIFR 3, just Swfobject 2 or both.

glenn | 28 August 2008, 11:37 | link

sIFR 3: r372 Zoom Away!

Comments

Leave your comment

Novemberborn: Extra

About the author

Go to

Jobs (NL)

Please donate

sIFR Documentation

Subscribe

Prev/next

Recent articles

Recent comments

Other