sIFR 3: r372 Zoom Away!

posted January 26th, 2008, 55 comments, tagged

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:

55 responses

  1. Chad says:

    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.

  2. Mark Wubben says:

    Actually I’m seeing that in Camino as well. I’ll look into it!

  3. Josh Reid says:

    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

  4. Zack says:

    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.

  5. feragnoli says:

    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

  6. Mark Wubben says:

    If you’re talking about Firefox 2 on Mac, that’s because of the opacity property on at least #pr_navi.

  7. feragnoli says:

    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.

  8. Mark Wubben says:

    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.

  9. Mark Wubben says:

    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.

  10. Kyle Crouse says:

    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
  11. Mark Wubben says:

    Hi Kyle, nope, haven’t seen that. Would appreciate examples!

  12. Tunde Ashafa says:

    Im finding it difficult for fixFocus to work on FF/Win…by any chance can you divuldge the JS fix for this. thanks

  13. Mark Wubben says:

    That’d be sIFR.replace(movie, {fixFocus: true});.

  14. Tunde Ashafa says:

    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

  15. Mark Wubben says:

    Are you using an up-to-date sIFR-screen.css file?

  16. Tunde Ashafa says:

    yes i am

  17. Mark Wubben says:

    Okay, could you make a post in the forum with an example page?

  18. Victor says:

    I’m trying to use sIFR to enhace a website, but I need the fonts generated with sIFR to be printed, is this possible?

  19. Chad says:

    “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.

  20. Mark Wubben says:

    Victor, browsers don’t print Flash very well, so no.

  21. Taimar says:

    Broken in latest Opera.

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

  22. Matt says:

    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?

  23. Mark Wubben says:

    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.

  24. Scott says:

    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.

  25. 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!

  26. Mark Wubben says:

    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.

  27. Davide says:

    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.

  28. Mark Wubben says:

    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.

  29. Hey Mark, thanks for the nod-to in the nightlies!

  30. Peter says:

    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.

  31. Mark Wubben says:

    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.

  32. Rasesh Tanna says:

    Oh thanks , Mark.

    Was looking for something similar..

  33. Johan says:

    In a reply of yours, you said that you will re-enable sIFR for Opera. Is that done in the latest release?

  34. Mark Wubben says:

    Hi Johan, I’m hoping to release a new build on Sunday or Monday. This will include Opera 9.50 support.

  35. Jon says:

    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.

  36. Mark Wubben says:

    Hi Jon, could you elaborate on “disappearing”? It’s fine for me, though I’ve only checked on Leopard. Shouldn’t matter, though.

  37. 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 ?

  38. Mark Wubben says:

    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.

  39. George Crockford says:

    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.

  40. Mark Wubben says:

    George, which browser would this be in? Perhaps we could continue this on the forum.

  41. Arnoud says:

    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!

  42. Mark Wubben says:

    You’ll have to be more specific than that. Could you post to the forum?

  43. Arnoud says:

    Hi Mark, I joined the Forum and posted here: http://discuss.joyent.com/viewtopic.php?pid=180147#p180147

  44. Josiah says:

    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

  45. 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?

  46. Mark Wubben says:

    Ryan, could you post in the forum with a link? Thanks!

  47. Berry says:

    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

  48. Mark Wubben says:

    Hej Berry. This is a browser bug, which is on my to-fix list.

  49. Chisa says:

    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 “//

  50. Mark Wubben says:

    Dislikes the "//?

  51. glenn says:

    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.

  52. glenn says:

    No that I think about it, It’s probably more appropriate to be in swfobject.

  53. Mark Wubben says:

    Yea that would be useful. Not hard to add yourself though, especially when using sIFR or SWFObject as a base.

  54. glenn says:

    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.