Jquery :: Flash - SIFR Only Works Partially In IE?
Jun 8, 2011
My sIFR 3 font replacement is working great in FF and IE except when I use it on a 'services' page that has an unrelated Flash object feature at the bottom. Only the first sIFR3'ed element shows up in IE on this page. I am also using jQuery 1.2.6 on this page to bring up random content. It is a windows xp pc.
In IE, the html on the 'services'page sIFR'ed elements has become garbled in the browser as I see when I view the source. Things like this: nodeIndex='1' and jQuery1307565945701='4' are added to the ul and li elements and should not be. The class 'sIFR-replaced' is not being added from sIFR like it is supposed to be.
The jQuery does not interfere with sIFR3 font replacement on my other pages because they don't have the extra Flash file on the bottom. The Flash file is a shockwave cab file, version 9,0,0,0 (that I did not add).I see this error in the console ' 'match(...).1' is null or not an object' but I got this same error elsewhere and it wasn't affecting anything.
Ok, I'm using Jquery to build a dynamic menu, and sIFR to change the text to TrajanPro font.
This does not mix. I want to find a way to make it mix, though.
sIFR has automatic parsing of links, so that Flash sends you to the link location. What it doesn't do is pass on javascript triggers. I'm trying to make my menu as accessible as possible, by using hard links and then rewriting them with Jquery into managing the visibility of submenus, like this ~
So I've looked this up in a few different places, and the only answer I've seen is "style the span.sIFR-alternate element". Problem is, if I apply any styles to that element that will actually have it appear & be placed correctly, it shows up alongside the sIFR text when FlashBlock isn't present (e.g. in Safari/IE) or is disabled. Here's the default styles for .sIFR-alternate:
If I changed used in one of my project sdk to current sdk4 beta, set breakpoint and stop on them every occurrences of mx.* packages are labeled "[no source]". Is known any trick to fix this issue?
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
I'm using the HTML5 JW Player. It sizes the HTML5 video correctly, but shrinks the Flash fallback player; here's an example page: Test Page
If you view that page in IE, you'll notice that on panel 5, the video is smaller than the space it's supposed to occupy. On Firefox, it works fine because it's using the OGG video in its HTML5 video player.Is there a way to resize the Flash video via JavaScript/jQuery to fit the same space as the HTML5 video?
I am trying to implement a large font for sIFR, but it seems to have a ceiling where you cant go any higher. I have adjusted the the variable MAX_FONT_SIZE within the sIFR.as to no avail. Is this possible or is it a limitation with flash?
I want to use a non-standard font on the web in a various combinations of font-color and font-size without having to assign individual configs for each. So far sIFR seems to pick up font-size no problem. but not font color, so I am working on a work around.
The problem I am running into: sIFR is breaking text to the next line without a linebreak <BR> being present.
[Code]...
For the sake of the project I am working on, it looks like setting the standard to block level elements only with font-sizes of 18px and above will be the route taken to keep from holding it up further, but I still have personal interest and would like to pursue understanding sIFR and the line breaking further.
I am new to Stack Overflow and am concerned this may be an 'extended discussion' which the FAQ says is beyond the scope of this site.
I am using sifr 2.0.7 and here's the deal. The sifr is working (I can see it in the DOM) however, the font is wrong.It doesn't pick up my swf font (DIN) unless you have it installed on your computer?The css font style is: HelveticaNeue which is what the sifr seems to render if you don't have DIN installed.I see it on my computer but my friend see DIN.
I have been trying to get sIFR 3 rev.436 working on my site but I stuck at publishing the movie. I did everything the instruction had told me to but when I published the movie and double clicked it to test, it failed, the movie was blank with the following error. Someone said the Action Scripts should be in the same folder as the sifr.fla, it was but it didn't help at all.
Scene=Scene 1, layer=code, frame=1, Line 19
The class or interface 'sIFR' could not be loaded.I was puzzled and after hours of looping in the situation I downloaded rev.432 and tested it out. To my delight, everything turned out right and I published the movie successfully!
I am implementing a charting tool for my project, which is very similar to Google's finance chart but much more tailored-made to meet different requirements. The charting interface is made up of the following core components:
Time selection panel: to change the time span of the chartMeasurement points panel: to select different points of measurementChart area: to display the measurement data of the selected measurement points over the selected time span
For example, the Apartment's power administrator can view the total power consumption in Unit 101 of Building A, in the Pacific Apartment's complex (a made-up name). Similarly, the administrator can also "stack" up charts of multiple measurement points, having an all-in-one view like below:
Only the chart is implemented in Flash/AS3, the other panels are JSP, JavaScript and Dojo. When an user clicks on a measurement point to add a chart to the chart area, the following things happen in order (briefly):
User clicks on a link (say, Total Amps)Dojo event listener attached to the link picks up the mouse click eventThe Dojo event listener calls an AS3 method (addChart) through the External Interface to add a chart to the Flash chart:The Flash chart picks up the method call, adds a chart to the stage and reposition all charts on the stage. Since the stage height is fixed at 600 pixels, each chart added will be fitted into the 600 pixels. Eg, 1 chart on the stage = 600 px/chart, 2 charts = 300 px/chart, 3 charts = 200 px/chart...etc.This is what the Flash chart looks like, when 3 charts have been added, before display the chart on the actually page (see below) Once a chart has been successfully added to the stage, Dojo will stretch the <div> tag that the chart resides so that each chart still "looks" like 400 pixels tall. For example, 3 charts on the stage means each chart is 200 pixels tall, but Dojo will stretch the entire <div> to 1200 pixels, making each chart look like 400 pixelsThe above step is the same concept as resizing the stage When an user adds more than 7 charts, the 8th chart will start have Flash contents disappeared. To be exact, I used firebug to increment the <div> height, and found that when height exceed 2924 (a magic number) pixels, Flash contents start to disappear. See below (the red-boxes indicate the missing contents)The situation gets worse when continue to add charts, eventually half of the bottom chart will disappear.
Some pre-work I have done:I have unit tested this component in standalone Flash movie, with 3 LCD monitors totalling 4000 pixels in height. I produced 10 charts in a single flash movie, and then resized the window from 600px to 4000px, no charts disappear. This happens in all of IE7, IE8, FF3+, and Chrome. Although slightly different manifestation, but they all have contents mysteriously disappeared. This also happens to GOOGLE's finance chart, when you enlarge the chart's <div> to over 10000 pxs (yet another magic number) The funny thing is, however, when a graph has been cut in half, the visible half is still operatable. For example, if the zoom window as been cut in half, I can still move it, zoom in and zoom out.
I have a flash file which loads data from JSON and parses it. It works fine expect on one machine (specs below). On that machine it loads an image URL specified in the JSON, but nothing else. I've tested with a other machines (Dell E6400, Apple MacBook Pro) and it works just fine in all browsers. I compared Windows Updates between the Dell E6400 and the Dell Optiplex 745 and they only differ by one update (KB2525694) which isn't applicable for my Dell E6400.
Is there any way to play my partially loaded flash movie while loading is still in progress ?like progressive video download.My app is not video based.I have only animations and interactive coding.
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?
I'm setting up a page that uses a flash menu to load html pages into a div container by the following call:
on (release){ getURL("javascript:getPage('test.html')"); }
The loading works fine, but some of my pages had specific jquery scripts and that's where I've struck out so far. I assumed all I needed to do was transfer the script importations, css stylesheets and the jquery functions to my main document, but it won't work.
I also tried importing the html as a the complete html, which works on it's own, but not when imported into the main document. Most recently I heard I should try shifting the jquery function calls to the end of the loaded document, to after the content, My scripts work, just not when imported, so I suppose my question is how can I make the main- and imported documents play nice with each other? What say you we make this a jump-start tutorial for all us noobs to reference?
I am having a problem with sIFR 3 not displaying in IE. I get 3 larges black XXX in IE yet it displays fine in Firefox. I have checked i do have the most recent version of flash installed correctly.
I am trying to use sIFR to replace the headlines (e.g. The Tour of A Lifetime) on this page: [URL] The font I want to swap in is Verlag by hoefler & frere jones. I had this working the other day but it suddenly stopped working: the font does not replace. All the js/css/flash files are linked correctly. I tested my verlag.swf and it works. And, I tested sIFR with a different font and the replacement worked. Am I having issues because I have yet to buy a Verlag license for the server?
It works perfectly when pulled within labels like in the demo.[code]note: (id="slidesbigtext") loads text from javascript without any issues, just can't find a way to make sIFR work in this situation..
and i need to style a b inside a span inside a div ... and i just can't find the way, if i add another sIFR.replace(blah... it won't work, it messes with the other replacement sometimes
I've got a demo page up here; you can view source to see what I'm trying to do. As you can see, everything about it seems to be working except for colors. I'm trying to set the color to blue (#0000ff), but it stays as black. I created a custom SWF file for my font, embedding four different variations of a single font in order to accommodate for different styles per these instructions (because this particular font family stores regular, bold, italic, and bold italic as four disjoint font names).
For posterity I'll paste some of the source code from that demo page I linked to here:
One thing asked for a lot with sIFR is hyphenation.The only problem is that Hyphenator.as is written in AcionScript 3, while sIFR is in ActionScript 2.I found an AS2 to AS3 converter s3-converter-createtextfield-geturl-handling/ but the result examples.bezel.be/sIFR-as3.as is not working yet.
My site in progress has some large graphical buttons that uses sIFR to display their headings. The structure looks like this:
[Code]...
I'm replacing the <h2> element with sIFR 3, revision 436. Everything works great until I activate sIFR. The font is replaced just fine, but the heading can no longer be clicked even though the rest of the button can. I tried to add another <a> inside the <h2> heading but that broke the whole layout since multiple <a> tags can't be nested. Is there a "correct" way to fix this or should I work around it with something ugly like a z-indexed clickable blank.gif on top of the whole thing? Or is there something else wrong that I've missed?
I have integrated sIFR3 and it shows perfectly in my home page but not on any other pages. I never changed anything only the name of the font. Here is my sifr-config.js:
I have a large ON2 VP6 encoded FLV video (334 MB, 75 minutes) hosted on the web and being played back using a basic Flash movie player:
[URL]
Many people are having problems getting the entire video to load. The loading progress bar will increase quite quickly at first, but then it will either slow down to a crawl or will stop completely. If the progress bar stops increasing before the video has fully loaded, it will not continue no matter how long you wait. Reloading the page does help.
Is this likely to be a problem with the FLV file, the Flash player or is it more likely to be a problem with our web host?