jQuery Forum

That's really nice, especially for content that's going to be delivered
in RSS feeds (and elsewhere).
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Mike Alsup
Sent: Wednesday, November 08, 2006 6:10 PM
To: jQuery Discussion.
Subject: [jQuery] Media plugins
I've just posted some convenience plugins for dealing with Quicktime,
Flash, and mp3 media.
Source and demos can be found here: http://malsup.com/jquery/media/
Mike
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Excuse me, Kurt, would you please elaborate more on "for content
that's going to be delivered in RSS feeds"?
I am not sure that I fully understand your point.
Thanks.
- Cheng

I really like what you've done there. It's neat and very clean!
malsup

Oh word, I've been looking for something like this.
I send you karma cookies.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

On 09/11/06, Mike Alsup <malsup@gmail.com>

> Excuse me, Kurt, would you please elaborate more on "for content

> Can it be modified to work with FLAM and WIMPY?
Hi Sam,
I've never used either of those but if they just use flash then I
would think the flash plugin would work with them with little or no
modifications.
Mike
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

I really appreciate it... thx man!
<div><span class="gmail_quote">2006/11/9, Mike Alsup <<a href="mailto:malsup@gmail.com">malsup@gmail.com</a>>:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
> Can it be modified to work with FLAM and WIMPY?
Hi Sam,
I've never used either of those but if they just use flash then I
would think the flash plugin would work with them with little or no
modifications.
Mike
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Mike,
Nice job. Don't know why I didn't think of putting the source file in the
href to make it unobtrusive, Doh! I like the clever use of classes for
options, and the regex too (still trying to wrap my brain around that).
_______
SEAN O
malsup

That's correct, people who post things like Youtube videos on their
blogs generally annoy me. Most readers won't (and probably shouldn't)
do anything with flash or other rich content.
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Mike Alsup
Sent: Thursday, November 09, 2006 6:43 AM
To: jQuery Discussion.
Subject: Re: [jQuery] Media plugins

Dang! You beat me to the punch, Mike. I've been working on (more or less) the same thing, and
was just finishing up my documentation and examples last night when you posted yours... too bad
we didn't find out sooner.
Here's my version:
http://jquery.lukelutman.com/plugins/flash/
I've re-written the flash detection and embedding for jQuery (so SWFObject isn't necessary), and
tried to build it to be as flexible as possible in terms of how the replacements are done.
Like yours, basic replacements look like:
$('#hello').flash({ src: 'hello.swf', width: 320, height: 240 });
For more complicated stuff (like sIFR or your method of reading data from classnames), you can
pass a custom function, like so (off the top of my head):
$('a[@href$="swf"]').flash(null, null, function(htmlOptions){
    $this = $(this);
    htmlOptions.src = $this.attr('href');
    htmlOptions.width = this.className.match(/w\:(\d+/))[1];
    htmlOptions.height = this.className.match(/h\:(\d+/))[1];
    $this.before($.fn.flash.transform(htmlOptions));
});
Or you can change the default:
$.fn.flash.replace = function(htmlOptions) {
    // custom code here ...
};
I'm curious to know what you think :-)
Cheers,
Luke
Mike Alsup

> I'm curious to know what you think :-)
That's excellent, Luke! Very flexible and very powerful; nice work!
Mike
PS: Love the Beatles!
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Thanks Luke, this plugin is just awesome!
Joel.

I am astounded Luke remarkable stuff.
Looks like I might be able to reduce my script over heads quite a bit with this.
At first glance (through tired eyes n with fatigued mind) it appears to handle text replacement better than the existing sifr jquery plugin.
I am working away on a project at mo that makes call into and out of flash using Flash version 7 (flash 8 has extended interface which sounds great), to work this I am using JSFC (JavaScript FlashCommmunicator - it works well in all browser I have tested so far)  I have had some jip with creating the object to talk to flash, as it needs to be created after the flash is full placed in page (which can be sometime after
document.ready fires) - would your plugin be able to aide me here?
<div style="margin-left: 40px;">1) Either by being  able to call function within flash?  (Previous points have been aired claiming that this is best not done with jquery)
2) Could a call back be made to fire when flash is set in the page?
</div>In any case the script is  piece of sheer wonderment
-S
<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">
Joel Birch</b> <<a href="mailto:j_birch@tpg.com.au">j_birch@tpg.com.au</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Thanks Luke, this plugin is just awesome!
Joel.
On 10/11/2006, at 3:35 AM, Luke Lutman wrote:
> Dang! You beat me to the punch, Mike. I've been working on (more or
> less) the same thing, and
> was just finishing up my documentation and examples last night when
> you posted yours... too bad
> we didn't find out sooner.
>
> Here's my version:
> <a href="http://jquery.lukelutman.com/plugins/flash/">
http://jquery.lukelutman.com/plugins/flash/</a>
>
> I've re-written the flash detection and embedding for jQuery (so
> SWFObject isn't necessary), and
> tried to build it to be as flexible as possible in terms of how the
> replacements are done.
>
> Like yours, basic replacements look like:
>
> $('#hello').flash({ src: 'hello.swf', width: 320, height: 240 });
>
> For more complicated stuff (like sIFR or your method of reading
> data from classnames), you can
> pass a custom function, like so (off the top of my head):
>
> $('a[@href$="swf"]').flash(null, null, function(htmlOptions){
>       $this = $(this);
>       htmlOptions.src = $this.attr('href');
>       htmlOptions.width = this.className.match(/w\:(\d+/))[1];
>       htmlOptions.height = this.className.match(/h\:(\d+/))[1];
>       $this.before($.fn.flash.transform(htmlOptions));
> });
>
> Or you can change the default:
> $.fn.flash.replace = function(htmlOptions) {
>       // custom code here ...
> };
>
> I'm curious to know what you think :-)
>
> Cheers,
> Luke
>
> Mike Alsup wrote:
>> I've just posted some convenience plugins for dealing with Quicktime,
>> Flash, and mp3 media.
>> Source and demos can be found here:  
<a href="http://malsup.com/jquery/media/">http://malsup.com/jquery/media/</a>
>>
>> Mike
>>
>> _______________________________________________
>> jQuery mailing list
>>
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
>> <a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
>
>
> --
> zinc Roe Design
> <a href="http://www.zincroe.com">
www.zincroe.com</a>
> (647) 477-6016
>
> _______________________________________________
> jQuery mailing list
> <a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
> <a href="http://jquery.com/discuss/">
http://jquery.com/discuss/</a>
>
>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">
http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Hey Sam,
Thanks for all the kind words :-)
I've (been lucky?) never to need to communicate between flash and
javascript, so I'm a bit out of the loop on how that whole process works.
If it's simply needing access to the <embed /> element after it's
inserted into the dom, it should be pretty simple (off the top of my head):
$('#hello').flash(...).find('embed').each(function(){
    // do stuff
}).end();
If you need to wait until the flash movie has fully loaded before
creating your object, that's a whole 'nother ballgame.
Could you call an javascript function from within the flash movie that
creates the object you need? Something like:
- load page
- insert flash movie
- flash movie preloads itself
- flash movie calls someFunction() in javascript
- someFunction() creates the object that talks to flash
- ....
- Profit!
;-)
That'd probably work ok if you only have one flash movie calling
someFunction(), but would get a little hairy otherwise because
someFunction() wouldn't know which element in the DOM called it.
If <embed /> or <object /> fire onload events, it'd be possible to add a
callback function -- but I'm pretty skeptical that they'd fire the event
with any sort of consistency across browsers (if at all).
You could use an Image object to preload your swf (if it's small), so
that it'd come from the cache when inserted into the page (using the
Image object's onload event to trigger the $().flash call).
Last but not least, you could wait for window.onload (instead of
document.ready), but there might be quite a gap between when the flash
movie finishes loading and window.onload is called
Hope that helps!
Luke
Sam Sherlock

Hi Luke,
here is the state of play:
jsfc - <a href="http://www.abdulqabiz.com/files/JSFC/example.html">http://www.abdulqabiz.com/files/JSFC/example.html</a> (src available to)
also theres this - <a href="http://weblogs.macromedia.com/flashjavascript/readme.html">
http://weblogs.macromedia.com/flashjavascript/readme.html</a> (mike chambers again!!)
Its not when its fully loaded! but its also not when document.ready either.  Its a pain!!!
For flash8 theres extendedinterface though - which looks great!
would be interesting to see what you make of the above
-S
<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">Luke Lutman</b> <<a href="mailto:luke@zincroe.com">luke@zincroe.com
</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hey Sam,
Thanks for all the kind words :-)
I've (been lucky?) never to need to communicate between flash and
javascript, so I'm a bit out of the loop on how that whole process works.
If it's simply needing access to the <embed /> element after it's
inserted into the dom, it should be pretty simple (off the top of my head):
$('#hello').flash(...).find('embed').each(function(){
        // do stuff
}).end();
If you need to wait until the flash movie has fully loaded before
creating your object, that's a whole 'nother ballgame.
Could you call an javascript function from within the flash movie that
creates the object you need? Something like:
- load page
- insert flash movie
- flash movie preloads itself
- flash movie calls someFunction() in javascript
- someFunction() creates the object that talks to flash
- ....
- Profit!
;-)
That'd probably work ok if you only have one flash movie calling
someFunction(), but would get a little hairy otherwise because
someFunction() wouldn't know which element in the DOM called it.
If <embed /> or <object /> fire onload events, it'd be possible to add a
callback function -- but I'm pretty skeptical that they'd fire the event
with any sort  of consistency across browsers (if at all).
You could use an Image object to preload your swf (if it's small), so
that it'd come from the cache when inserted into the page (using the
Image object's onload event to trigger the $().flash call).
Last but not least, you could wait for window.onload (instead of
document.ready), but there might be quite a gap between when the flash
movie finishes loading and window.onload is called
Hope that helps!
Luke
Sam Sherlock wrote:
> I am astounded Luke remarkable stuff.
>
> Looks like I might be able to reduce my script over heads quite a bit
> with this.
>
> At first glance (through tired eyes n with fatigued mind) it appears to
> handle text replacement better than the existing sifr jquery plugin.
>
> I am working away on a project at mo that makes call into and out of
> flash using Flash version 7 (flash 8 has extended interface which sounds
> great), to work this I am using JSFC (JavaScript FlashCommmunicator - it
> works well in all browser I have tested so far)  I have had some jip
> with creating the object to talk to flash, as it needs to be created
> after the flash is full placed in page (which can be sometime after
> document.ready fires) - would your plugin be able to aide me here?
>
> 1) Either by being  able to call function within flash?  (Previous
> points have been aired claiming that this is best not done with jquery)
> 2) Could a call back be made to fire when flash is set in the page?
>
> In any case the script is  piece of sheer wonderment
>
> -S
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/
</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Interesting... :-)
It would be pretty easy to use those libraries alongside my plugin, but replicating what they do
is probably beyond the scope of my plugin (a separate one, maybe?).
Try this (with JSFC):
var fc;
$('#element').flash(...).find('embed').each(function(){
    fc = new JSFCommunicator(this);
}).end();
Then you should be able to use fc in the same way.
Note that this would only work for a single flash movie, but it could be setup for multiple
flash movies (by pushing the JSFCommunicator objects into an Array?) if that's what your after.
Luke
Sam Sherlock wrote:
> Hi Luke,
>
> here is the state of play:
>
> jsfc - http://www.abdulqabiz.com/files/JSFC/example.html (src available to)
>
> also theres this -
> http://weblogs.macromedia.com/flashjavascript/readme.html (mike chambers
> again!!)
>
> Its not when its fully loaded! but its also not when document.ready
> either. Its a pain!!!
>
> For flash8 theres extendedinterface though - which looks great!
>
> would be interesting to see what you make of the above
>
> -S
>
> On 10/11/06, *Luke Lutman* <luke@zincroe.com <mailto:luke@zincroe.com>>
> wrote:
>
> Hey Sam,
>
> Thanks for all the kind words :-)
>
> I've (been lucky?) never to need to communicate between flash and
> javascript, so I'm a bit out of the loop on how that whole process
> works.
>
> If it's simply needing access to the <embed /> element after it's
> inserted into the dom, it should be pretty simple (off the top of my
> head):
>
> $('#hello').flash(...).find('embed').each(function(){
> // do stuff
> }).end();
>
> If you need to wait until the flash movie has fully loaded before
> creating your object, that's a whole 'nother ballgame.
>
> Could you call an javascript function from within the flash movie that
> creates the object you need? Something like:
>
> - load page
> - insert flash movie
> - flash movie preloads itself
> - flash movie calls someFunction() in javascript
> - someFunction() creates the object that talks to flash
> - ....
> - Profit!
>
> ;-)
>
> That'd probably work ok if you only have one flash movie calling
> someFunction(), but would get a little hairy otherwise because
> someFunction() wouldn't know which element in the DOM called it.
>
> If <embed /> or <object /> fire onload events, it'd be possible to add a
> callback function -- but I'm pretty skeptical that they'd fire the
> event
> with any sort of consistency across browsers (if at all).
>
> You could use an Image object to preload your swf (if it's small), so
> that it'd come from the cache when inserted into the page (using the
> Image object's onload event to trigger the $().flash call).
>
> Last but not least, you could wait for window.onload (instead of
> document.ready), but there might be quite a gap between when the flash
> movie finishes loading and window.onload is called
>
> Hope that helps!
>
> Luke
>
> Sam Sherlock

yep I have jsfc working alongside jquery (mostly straight forward)
see - <a href="http://www.sharkevaderproductions.com/v5/">http://www.sharkevaderproductions.com/v5/</a>
     jquery (and a shed load of plugins)
     jsfc
     and ufo all playing nicely
if you're code works I will be able to replace the ufo (its currently hack [I had to add a line to call the function to set the flashcommunicator]) script with your plugin and thats akin to making a call back to set the flash commmunicator (it achieves the same results AFAIAC)
I intend to have a more in depth look the mike chambers project, the jsfc
<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">Luke Lutman</b> <<a href="mailto:luke@zincroe.com">luke@zincroe.com
</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Interesting... :-)
It would be pretty easy to use those libraries alongside my plugin, but replicating what they do
is probably beyond the scope of my plugin (a separate one, maybe?).
Try this (with JSFC):
var fc;
$('#element').flash(...).find('embed').each(function(){
        fc = new JSFCommunicator(this);
}).end();
Then you should be able to use fc in the same way.
Note that this would only work for a single flash movie, but it could be setup for multiple
flash movies (by pushing the JSFCommunicator objects into an Array?) if that's what your after.
Luke
Sam Sherlock wrote:
> Hi Luke,
>
> here is the state of play:
>
> jsfc - <a href="http://www.abdulqabiz.com/files/JSFC/example.html">http://www.abdulqabiz.com/files/JSFC/example.html
</a> (src available to)
>
> also theres this -
> <a href="http://weblogs.macromedia.com/flashjavascript/readme.html">http://weblogs.macromedia.com/flashjavascript/readme.html</a> (mike chambers
> again!!)
>
> Its not when its fully loaded! but its also not when document.ready
> either.  Its a pain!!!
>
> For flash8 theres extendedinterface though - which looks great!
>
> would be interesting to see what you make of the above
>
> -S
>
> On 10/11/06, *Luke Lutman* <<a href="mailto:luke@zincroe.com">luke@zincroe.com</a> <mailto:<a href="mailto:luke@zincroe.com">luke@zincroe.com</a>>>
> wrote:
>
>     Hey Sam,
>
>     Thanks for all the kind words :-)
>
>     I've (been lucky?) never to need to communicate between flash and
>     javascript, so I'm a bit out of the loop on how that whole process
>     works.
>
>     If it's simply needing access to the <embed /> element after it's
>     inserted into the dom, it should be pretty simple (off the top of my
>     head):
>
>     $('#hello').flash(...).find('embed').each(function(){
>             // do stuff
>     }).end();
>
>     If you need to wait until the flash movie has fully loaded before
>     creating your object, that's a whole 'nother ballgame.
>
>     Could you call an javascript function from within the flash movie that
>     creates the object you need? Something like:
>
>     - load page
>     - insert flash movie
>     - flash movie preloads itself
>     - flash movie calls someFunction() in javascript
>     - someFunction() creates the object that talks to flash
>     - ....
>     - Profit!
>
>     ;-)
>
>     That'd probably work ok if you only have one flash movie calling
>     someFunction(), but would get a little hairy otherwise because
>     someFunction() wouldn't know which element in the DOM called it.
>
>     If <embed /> or <object /> fire onload events, it'd be possible to add a
>     callback function -- but I'm pretty skeptical that they'd fire the
>     event
>     with any sort  of consistency across browsers (if at all).
>
>     You could use an Image object to preload your swf (if it's small), so
>     that it'd come from the cache when inserted into the page (using the
>     Image object's onload event to trigger the $().flash call).
>
>     Last but not least, you could wait for window.onload
(instead of
>     document.ready), but there might be quite a gap between when the flash
>     movie finishes loading and window.onload is called
>
>     Hope that helps!
>
>     Luke
>
>     Sam Sherlock wrote:
>      > I am astounded Luke remarkable stuff.
>      >
>      > Looks like I might be able to reduce my script over heads quite a bit
>      > with this.
>      >
>      > At first glance (through tired eyes n with fatigued mind) it
>     appears to
>      > handle text replacement better than the existing sifr jquery plugin.
>      >
>      > I am working away on a project at mo that makes call into and out of
>      > flash using Flash version 7 (flash 8 has extended interface which
>     sounds
>      > great), to work this I am using JSFC (JavaScript
>     FlashCommmunicator - it
>      > works well in all browser I have tested so far)  I have had some jip
>      > with creating the object to talk to flash, as it needs to be created
>      > after the flash is full placed in page (which can be sometime after
>      > document.ready fires) - would your plugin be able to aide me here?
>      >
>      > 1) Either by being  able to call function within flash?  (Previous
>      > points have been aired claiming that this is best not done with
>     jquery)
>      > 2) Could a call back be made to fire when flash is set in the page?
>      >
>      > In any case the script is  piece of sheer wonderment
>      >
>      > -S
>
>
>     _______________________________________________
>     jQuery mailing list
>     <a href="mailto:discuss@jquery.com">discuss@jquery.com</a> <mailto:<a href="mailto:discuss@jquery.com">
discuss@jquery.com</a>>
>     <a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a> <<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>>
>
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> <a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
> <a href="http://jquery.com/discuss/">http://jquery.com/discuss/
</a>
--
zinc Roe Design
<a href="http://www.zincroe.com">www.zincroe.com</a>
(647) 477-6016
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">
discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

astonishing stuff!!! That works a treat!
I am also using the sifr jquery plugin (really feature filled site this) and have tried
to alter the code to use your flash plugin instead.  I guess its one stage at a time!!
However I am unable to set the version it aways throws an error whatever I do!?!
I updated to jquery 1.0.3 (had to make other changes json - getJSON) this did not solve the issue
any idea about that?  I think the issue with the version setting is causing some issue with using it instead of the sifr thingy since I need to have a htmloptions callback function
<div style="margin-left: 40px;"><font style="color: rgb(153, 153, 153); background-color: rgb(255, 255, 255);" size="1">{ anyway with powers like this jQuery is certain to take the web by storm. I keep laying awake at night pondering what
popular apps like phpMyAdmin & phpList would be like if they were zested up with a little (or a lot of) jQuery majic.
PhpMyAdmin with interface selectables, drag n drop etc, sortable tables and edit inplace. Oh my!! }
</font>
</div>
<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">Luke Lutman</b> <<a href="mailto:luke@zincroe.com">luke@zincroe.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Interesting... :-)
It would be pretty easy to use those libraries alongside my plugin, but replicating what they do
is probably beyond the scope of my plugin (a separate one, maybe?).
Try this (with JSFC):
var fc;
$('#element').flash(...).find('embed').each(function(){
        fc = new JSFCommunicator(this);
}).end();
Then you should be able to use fc in the same way.
Note that this would only work for a single flash movie, but it could be setup for multiple
flash movies (by pushing the JSFCommunicator objects into an Array?) if that's what your after.
Luke
Sam Sherlock wrote:
> Hi Luke,
>
> here is the state of play:
>
> jsfc -
<a href="http://www.abdulqabiz.com/files/JSFC/example.html">http://www.abdulqabiz.com/files/JSFC/example.html</a> (src available to)
>
> also theres this -
> <a href="http://weblogs.macromedia.com/flashjavascript/readme.html">
http://weblogs.macromedia.com/flashjavascript/readme.html</a> (mike chambers
> again!!)
>
> Its not when its fully loaded! but its also not when document.ready
> either.  Its a pain!!!
>
> For flash8 theres extendedinterface though - which looks great!
>
> would be interesting to see what you make of the above
>
> -S
>
> On 10/11/06, *Luke Lutman* <<a href="mailto:luke@zincroe.com">luke@zincroe.com</a> <mailto:<a href="mailto:luke@zincroe.com">
luke@zincroe.com</a>>>
> wrote:
>
>     Hey Sam,
>
>     Thanks for all the kind words :-)
>
>     I've (been lucky?) never to need to communicate between flash and
>     javascript, so I'm a bit out of the loop on how that whole process
>     works.
>
>     If it's simply needing access to the <embed /> element after it's
>     inserted into the dom, it should be pretty simple (off the top of my
>     head):
>
>     $('#hello').flash(...).find('embed').each(function(){
>             // do stuff
>     }).end();
>
>     If you need to wait until the flash movie has fully loaded before
>     creating your object, that's a whole 'nother ballgame.
>
>     Could you call an javascript function from within the flash movie that
>     creates the object you need? Something like:
>
>     - load page
>     - insert flash movie
>     - flash movie preloads itself
>     - flash movie calls someFunction() in javascript
>     - someFunction() creates the object that talks to flash
>     - ....
>     - Profit!
>
>     ;-)
>
>     That'd probably work ok if you only have one flash movie calling
>     someFunction(), but would get a little hairy otherwise because
>     someFunction() wouldn't know which element in the DOM called it.
>
>     If <embed /> or <object /> fire onload events, it'd be possible to add a
>     callback function -- but I'm pretty skeptical that they'd fire the
>     event
>     with any sort  of consistency across browsers (if at all).
>
>     You could use an Image object to preload your swf (if it's small), so
>     that it'd come from the cache when inserted into the page (using the
>     Image object's onload event to trigger the $().flash call).
>
>     Last but not least, you could wait for window.onload
(instead of
>     document.ready), but there might be quite a gap between when the flash
>     movie finishes loading and window.onload is called
>
>     Hope that helps!
>
>     Luke
>
>     Sam Sherlock wrote:
>      > I am astounded Luke remarkable stuff.
>      >
>      > Looks like I might be able to reduce my script over heads quite a bit
>      > with this.
>      >
>      > At first glance (through tired eyes n with fatigued mind) it
>     appears to
>      > handle text replacement better than the existing sifr jquery plugin.
>      >
>      > I am working away on a project at mo that makes call into and out of
>      > flash using Flash version 7 (flash 8 has extended interface which
>     sounds
>      > great), to work this I am using JSFC (JavaScript
>     FlashCommmunicator - it
>      > works well in all browser I have tested so far)  I have had some jip
>      > with creating the object to talk to flash, as it needs to be created
>      > after the flash is full placed in page (which can be sometime after
>      > document.ready fires) - would your plugin be able to aide me here?
>      >
>      > 1) Either by being  able to call function within flash?  (Previous
>      > points have been aired claiming that this is best not done with
>     jquery)
>      > 2) Could a call back be made to fire when flash is set in the page?
>      >
>      > In any case the script is  piece of sheer wonderment
>      >
>      > -S
>
>
>     _______________________________________________
>     jQuery mailing list
>     <a href="mailto:discuss@jquery.com">discuss@jquery.com</a> <mailto:<a href="mailto:discuss@jquery.com">
discuss@jquery.com</a>>
>     <a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a> <<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>>
>
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> <a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
> <a href="http://jquery.com/discuss/">http://jquery.com/discuss/
</a>
--
zinc Roe Design
<a href="http://www.zincroe.com">www.zincroe.com</a>
(647) 477-6016
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">
discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">Sam Sherlock</b> <<a href="mailto:sam.sherlock@gmail.com">sam.sherlock@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
yep I have jsfc working alongside jquery (mostly straight forward)
see - <a href="http://www.sharkevaderproductions.com/v5/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.sharkevaderproductions.com/v5/
</a>
     jquery (and a shed load of plugins)
     jsfc
     and ufo all playing nicely
if you're code works I will be able to replace the ufo (its currently hack [I had to add a line to call the function to set the flashcommunicator]) script with your plugin and thats akin to making a call back to set the flash commmunicator (it achieves the same results AFAIAC)
I intend to have a more in depth look the mike chambers project, the jsfc <div><span class="e" id="q_10ed36ae774091a4_1">
<div><span class="gmail_quote">On 10/11/06, <b class="gmail_sendername">Luke Lutman
</b> <<a href="mailto:luke@zincroe.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">luke@zincroe.com
</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Interesting... :-)
It would be pretty easy to use those libraries alongside my plugin, but replicating what they do
is probably beyond the scope of my plugin (a separate one, maybe?).
Try this (with JSFC):
var fc;
$('#element').flash(...).find('embed').each(function(){
        fc = new JSFCommunicator(this);
}).end();
Then you should be able to use fc in the same way.
Note that this would only work for a single flash movie, but it could be setup for multiple
flash movies (by pushing the JSFCommunicator objects into an Array?) if that's what your after.
Luke
Sam Sherlock wrote:
> Hi Luke,
>
> here is the state of play:
>
> jsfc - <a href="http://www.abdulqabiz.com/files/JSFC/example.html" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.abdulqabiz.com/files/JSFC/example.html
</a> (src available to)
>
> also theres this -
> <a href="http://weblogs.macromedia.com/flashjavascript/readme.html" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://weblogs.macromedia.com/flashjavascript/readme.html
</a> (mike chambers
> again!!)
>
> Its not when its fully loaded! but its also not when document.ready
> either.  Its a pain!!!
>
> For flash8 theres extendedinterface though - which looks great!
>
> would be interesting to see what you make of the above
>
> -S
>
> On 10/11/06, *Luke Lutman* <<a href="mailto:luke@zincroe.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">luke@zincroe.com</a> <mailto:<a href="mailto:luke@zincroe.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
luke@zincroe.com</a>>>
> wrote:
>
>     Hey Sam,
>
>     Thanks for all the kind words :-)
>
>     I've (been lucky?) never to need to communicate between flash and
>     javascript, so I'm a bit out of the loop on how that whole process
>     works.
>
>     If it's simply needing access to the <embed /> element after it's
>     inserted into the dom, it should be pretty simple (off the top of my
>     head):
>
>     $('#hello').flash(...).find('embed').each(function(){
>             // do stuff
>     }).end();
>
>     If you need to wait until the flash movie has fully loaded before
>     creating your object, that's a whole 'nother ballgame.
>
>     Could you call an javascript function from within the flash movie that
>     creates the object you need? Something like:
>
>     - load page
>     - insert flash movie
>     - flash movie preloads itself
>     - flash movie calls someFunction() in javascript
>     - someFunction() creates the object that talks to flash
>     - ....
>     - Profit!
>
>     ;-)
>
>     That'd probably work ok if you only have one flash movie calling
>     someFunction(), but would get a little hairy otherwise because
>     someFunction() wouldn't know which element in the DOM called it.
>
>     If <embed /> or <object /> fire onload events, it'd be possible to add a
>     callback function -- but I'm pretty skeptical that they'd fire the
>     event
>     with any sort  of consistency across browsers (if at all).
>
>     You could use an Image object to preload your swf (if it's small), so
>     that it'd come from the cache when inserted into the page (using the
>     Image object's onload event to trigger the $().flash call).
>
>     Last but not least, you could wait for window.onload
(instead of
>     document.ready), but there might be quite a gap between when the flash
>     movie finishes loading and window.onload is called
>
>     Hope that helps!
>
>     Luke
>
>     Sam Sherlock wrote:
>      > I am astounded Luke remarkable stuff.
>      >
>      > Looks like I might be able to reduce my script over heads quite a bit
>      > with this.
>      >
>      > At first glance (through tired eyes n with fatigued mind) it
>     appears to
>      > handle text replacement better than the existing sifr jquery plugin.
>      >
>      > I am working away on a project at mo that makes call into and out of
>      > flash using Flash version 7 (flash 8 has extended interface which
>     sounds
>      > great), to work this I am using JSFC (JavaScript
>     FlashCommmunicator - it
>      > works well in all browser I have tested so far)  I have had some jip
>      > with creating the object to talk to flash, as it needs to be created
>      > after the flash is full placed in page (which can be sometime after
>      > document.ready fires) - would your plugin be able to aide me here?
>      >
>      > 1) Either by being  able to call function within flash?  (Previous
>      > points have been aired claiming that this is best not done with
>     jquery)
>      > 2) Could a call back be made to fire when flash is set in the page?
>      >
>      > In any case the script is  piece of sheer wonderment
>      >
>      > -S
>
>
>     _______________________________________________
>     jQuery mailing list
>     <a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
discuss@jquery.com</a> <mailto:<a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
discuss@jquery.com</a>>
>     <a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://jquery.com/discuss/</a> <<a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://jquery.com/discuss/</a>>
>
>
>
> ------------------------------------------------------------------------
>
> _______________________________________________
> jQuery mailing list
> <a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com
</a>
> <a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://jquery.com/discuss/
</a>
--
zinc Roe Design
<a href="http://www.zincroe.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">www.zincroe.com</a>
(647) 477-6016
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://jquery.com/discuss/</a>
</blockquote></div>
</span></div></blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Can you post the code (or a link to it)?
What error does it throw?
...
Also, my text-replacement example
(http://jquery.lukelutman.com/plugins/flash/example-text-replacement.html)
isn't fully cooked yet -- it's functional, but I'm planning to develop
it as a proper plugin (soon, hopefully!). If you do want to try it, make
sure you grab the fla, as that's custom too -- css (flash 7) and better
anti-aliasing (flash 8).
Luke
Sam Sherlock

solved it myself, just whilst collecting the code to post.
Late night early morning splurge of coding to excited to sleep after see this wonderful code <img src="http://img223.imageshack.us/img223/7131/mozilla_wink.png">
yep thats solved but I would like to be able to hide replace code in the nested div
looking at the sifr example I see that after the version object you  have a function(htmlOptions) {...}
when I try this
//   
                $('#hdr').flash(sharkOptions.ufo, {version: 7}).find('embed').each(function(){
                       fc = new JSFCommunicator(this);
                        $('#hdr').addClass('flash-replaced');
                        sharkOptions.page.isFC = true;
                }).end();
it works though this is different from the sifr example since the class is added to the #hdr from within the each call
that might not be crucial anyway - just perplexing - would like to know more to further my understanding though.
thx -S
<div><span class="gmail_quote">On 11/11/06, <b class="gmail_sendername">Luke Lutman</b> <<a href="mailto:luke@zincroe.com">luke@zincroe.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Can you post the code (or a link to it)?
What error does it throw?
...
Also, my text-replacement example
(<a href="http://jquery.lukelutman.com/plugins/flash/example-text-replacement.html">http://jquery.lukelutman.com/plugins/flash/example-text-replacement.html
</a>)
isn't fully cooked yet -- it's functional, but I'm planning to develop
it as a proper plugin (soon, hopefully!). If you do want to try it, make
sure you grab the fla, as that's custom too -- css (flash 7) and better
anti-aliasing (flash 8).
Luke
Sam Sherlock wrote:
> astonishing stuff!!! That works a treat!
>
> I am also using the sifr jquery plugin (really feature filled site this)
> and have tried
> to alter the code to use your flash plugin instead.  I guess its one
> stage at a time!!
>
> However I am unable to set the version it aways throws an error whatever
> I do!?!
>
> I updated to jquery
1.0.3 (had to make other changes json - getJSON)
> this did not solve the issue
>
> any idea about that?  I think the issue with the version setting is
> causing some issue with using it instead of the sifr thingy since I need
> to have a htmloptions callback function
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/">
http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Just to make sure I'm understanding the problem, you want to hide the
contents of #hdr (i.e. the html version of the nav, etc.) after the
flash is inserted, right?
If so, then all you should need to do is:
$('#hdr').flash(sharkOptions.ufo, {version:
7}).find('embed').each(function(){
fc = new JSFCommunicator(this);
sharkOptions.page.isFC = true;
}).end();
And add the following to your stylesheet:
.flash-replaced .alt {
display: none; }
The 'function(htmlOptions){...}' in the text-replacement example is used
by jQuery.fn.flash() -- instead of the default, jQuery.fn.flash.replace
-- to measure the content that's being replaced. You could use something
similar if you want to literally replace the content of #hdr (instead of
prepending into #hdr), like this:
$('#hdr').flash(sharkOptions.ufo, {version:7}, function(htmlOptions){
$(this).html(jQuery.fn.flash.transform(htmlOptions));
}).find('embed').each(function(){
fc = new JSFCommunicator(this);
sharkOptions.page.isFC = true;
}).end();
Luke
Sam Sherlock wrote:
> solved it myself, just whilst collecting the code to post.
>
> Late night early morning splurge of coding to excited to sleep after see
> this wonderful code
>
> yep thats solved but I would like to be able to hide replace code in the
> nested div
>
> looking at the sifr example I see that after the version object you
> have a function(htmlOptions) {...}
>
> when I try this
>
> //
> $('#hdr').flash(sharkOptions.ufo, {version:
> 7}).find('embed').each(function(){
> fc = new JSFCommunicator(this);
> $('#hdr').addClass('flash-replaced');
> sharkOptions.page.isFC = true;
> }).end();
>
> it works though this is different from the sifr example since the class
> is added to the #hdr from within the each call
> that might not be crucial anyway - just perplexing - would like to know
> more to further my understanding though.
>
> thx -S
>
> On 11/11/06, *Luke Lutman* <luke@zincroe.com <mailto:luke@zincroe.com>>
> wrote:
>
> Can you post the code (or a link to it)?
>
> What error does it throw?
>
> ...
>
> Also, my text-replacement example
> (http://jquery.lukelutman.com/plugins/flash/example-text-replacement.html
> <http://jquery.lukelutman.com/plugins/flash/example-text-replacement.html>)
> isn't fully cooked yet -- it's functional, but I'm planning to develop
> it as a proper plugin (soon, hopefully!). If you do want to try it, make
> sure you grab the fla, as that's custom too -- css (flash 7) and better
> anti-aliasing (flash 8).
>
> Luke
>
> Sam Sherlock