as+xml+lightwindow

hi all - really hope someone can sort me out with this question i have.

i am trying to get lightwindow to launch from my script in as3

i have some thumbnails that are generated via xml - and when clicked the thumbnail opens a url in a new window.

i want it to open in the lightwindow box instead.

this is the as that i have on my thumbnails

PHP Code:

function p_click(me:MouseEvent) { var loader : Loader = new Loader (); var request : URLRequest = new URLRequest ( "javascript : myLightWindow.activateWindow({href: 'wall.swf', title: 'lightwindow', author: 'anon', height: 480, width: 640});" ); loader . load ( request ); navigateToURL ( request , '_parent' ); }

but that doesn't seem to work - i am using this article as my reference for what should go in the script for the button.

the script i used and it worked to open a url in a new window was

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; var s_no:Number = parseInt(sp.name.slice(8,10)); navigateToURL(new URLRequest(url_list[s_no]), url_target_list[s_no]); }

that opens the url from the xml doc. this how the items in the xml look

PHP Code:

<thumbnail filename="name_of_thumb.jpg" url="http://www.domainname.com/folder/item.mov" target="_blank" title="Item title" description="some text that shows up on thumbnail mouse over" />

i am really struggling with this - i have also dropped the swf into html doc for lightwindow
and the html links - open the lightwindow up perfectly but the swf doesn't want to know.

has anyone managed to get this working before? or know of good points of reference to make it work from a flash button/xml.

there is no support on the stickman site - lots of config info - but not for flash?

is it even possible in flash? anyone know?

in summary how do i trigger lightwindow from an as3 button???
:scared: :scared: :scared:

Look into externalinterface class, since you want to open a javascript.

Check the class here.

http://help.adobe.com/en_US/AS3LCR/Flash_10.0/

Here is a simple example in AS2. Just change the button script:

http://www.flashscript.biz/utilities...8_windows.html

When you test it html and movie have to be on the server.

okay, been trying to work this out but i am still running into trouble getting it to work properly.

this is the script for the click on the thumbnail

PHP Code:

function p_click(me:MouseEvent) {     var sp:Sprite = me.target as Sprite;     //array reference to the url, var s_no:Number = parseInt(sp.name.slice(8,10));             var urlstring:String =   "javascript:myLightWindow.activateWindow({"              //include the url of the video in the string //              urlstring += "href:'"+url_list[s_no]+"', "              ///tweak those parameters (i guess you can even remove them              urlstring += "title:'Sometitle', "              urlstring += "author:'author'"             ///leave the line below              urlstring += "})"              //to check that you did right trace the urlstring:            trace (urlstring) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'author'})"                       var req:URLRequest = new URLRequest(urlstring)         /////and then finally go to the url:         navigateToURL(req, url_target_list[s_no]);          }

it gives me the correct trace message but when i drop it into the html doc - it doesn't want to work!?

this is the html that it is sitting in:

PHP Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>LightWindowTest</title>          <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <meta name="robots" content="index, follow" />               <link rel="stylesheet" type="text/css" href="css/default.css" />     <link rel="stylesheet" type="text/css" href="css/lightwindow.css" />               <script type="text/javascript" src="javascript/prototype.js"></script>     <script type="text/javascript" src="javascript/effects.js"></script>     <script type="text/javascript" src="javascript/lightwindow.js"></script>     <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>               <script type="text/javascript">         var boo = function(){             return("boo")         }          </script> </head> <body> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','flashcoso','width','800','height','600','id','flashcoso','src','FlashExample','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','FlashExample' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="flashcoso" width="800" height="600" id="flashcoso">     <param name="movie" value="wall.swf" />     <param name="quality" value="high" />     <param name="wmode" value="transparent" />     <embed src="wall.swf" width="800" height="600" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" name="flashcoso"></embed> </object> </noscript> </body> </html>

is there something glaringly obvious that I am missing? i just can't seem to get it work. is it something in that script and code that i am trying to combine or would it be the way my xml is written? this how i have defined the items - this is what the flash should be reading...

PHP Code:

<thumbnail filename="thumb_01.jpg" url="gallery/fische01.mov" target="_blank"         title="Item No. or title"         description="description of this thumbnail image and associated file" />

...been doing my best to work it out - but just not there yet...
:confused:

any help me out here?

:confused:

You cannot use navigateToURL for Javascript interaction. As I said above you need to use the ExternalInterface class and your movie would not work on your harddrive. You need to test it on your server. The Adobe language reference has a nice example when you check the ExternalInterface class.

hi cancerinform - many thanks for the reply - appreciate your help and advice ;)

...I have tested the files on a server and it didn't work - but as you have pointed out it won't because I am using navigate url.

I have read the instructions and tried to follow them for the ExternalInterface class - but am getting a little lost with it

instead of navigatetourl should i be using
ExternalInterface.addCallback()

or do I need to rewrite that somehow like this?

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; //array reference to the url var s_no:Number = parseInt(sp.name.slice(8,10)); var urlstring:String = "javascript:myLightWindow.activateWindow({" //Now, you need to include the url of the video in the string //in this way urlstring += "href:'"+url_list[s_no]+"', " ///tweak those parameters (i guess you can even remove them urlstring += "title:'Sometitle', " urlstring += "author:'name'" ///remember to leave the line below urlstring += "})" //to check that you did right trace the urlstring: trace (urlstring) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'name'})" var req:URLRequest = new URLRequest(urlstring) /////and then finally go to the url: ExternalInterface.addCallback(req, url_target_list[s_no]); }

I am not sure what and where I need to add stuff or edit my existing script?
AS3 is a lot cleaner and stricter (which is good) - but it is something of a steep learning curve.

...also - I don't know if this

PHP Code:

if (ExternalInterface.available)

is applicable to what I am trying to do and if it is here it goes

...man oh man - i am struggling!

...okay - my head is hurting now! lol!

I have added this:

PHP Code:

import flash.external.ExternalInterface;

to the start of the script along with the other imports

and go to my onclick command that was this...

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; //array reference to the url, var s_no:Number = parseInt(sp.name.slice(8,10)); var urlstring:String = "javascript:myLightWindow.activateWindow({" //include the url of the video in the string // urlstring += "href:'"+url_list[s_no]+"', " ///tweak those parameters (i guess you can even remove them urlstring += "title:'Sometitle', " urlstring += "author:'author'" ///leave the line below urlstring += "})" //to check that you did right trace the urlstring: trace (urlstring) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'author'})" var req:URLRequest = new URLRequest(urlstring) /////and then finally go to the url: navigateToURL(req, url_target_list[s_no]); }

do I need to change all refs to urlstring to the new call to the externalinterface? like this?

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; //this is your array reference to the url, right? var s_no:Number = parseInt(sp.name.slice(8,10)); var ExternalInterface.call:String = "javascript:myLightWindow.activateWindow({" //Now, you need to include the url of the video in the string //in this way ExternalInterface.call += "href:'"+url_list[s_no]+"', " ///remember to leave the line below ExternalInterface.call += "})" //to check that you did right trace the urlstring: trace (ExternalInterface.call) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'Fariska'})" var req:URLRequest = new URLRequest(urlstring) /////and then finally go to the url: ExternalInterface.addCallback(req, url_target_list[s_no]);

I don't know what I need to do - is it six of one and half a dozen of the other? or have i fallen off altogether? is there more script to add elsewhere?

...I'm lost!

I think the way you call this is wrong
var ExternalInterface.call:String =
"javascript:myLightWindow.activateWindow({"

Instead as the examples show you give the function a name.

var newWindow:String = String(ExternalInterface.call("openWindow","Stager esize.html"));

Here the javascript function is called openWindow and the html page name to point to is Stageresize.html.

....nnnrgh! I am trying to write that line but i keep getting this error message
[PHP]1084: Syntax error: expecting rightparen before javascript:myLightWindow.activateWindow({.

sorry this bit cut off the above for some reason!

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; //this is your array reference to the url, right? var s_no:Number = parseInt(sp.name.slice(8,10)); var newWindow:String = String(ExternalInterface.call"javascript:myLightWindow.activateWindow({" //Now, you need to include the url of the video in the string //in this way ExternalInterface.call += "href:'"+url_list[s_no]+"', " ///remember to leave the line below ExternalInterface.call += "})" //to check that you did right trace the urlstring: trace (ExternalInterface.call) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'Fariska'})" var req:URLRequest = new URLRequest(urlstring) /////and then finally go to the url: ExternalInterface.addCallback(req, url_target_list[s_no]); }

what is it that i am doing wrong???

You cannot call javascript:..... You need to have a javascript function in the HTML page. Then as I mentioned above you call the Javascript function like this:
var newWindow:String = String(ExternalInterface.call("openWindow","page.h tml"));

Start simple with your Javascript function to get it working and then add up.

...hi cancerinform - i do have the javascript in the html page
this is the entire html

PHP Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>LightWindowTest</title>  <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" />  <link rel="stylesheet" type="text/css" href="css/default.css" /> <link rel="stylesheet" type="text/css" href="css/lightwindow.css" />  <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> <script type="text/javascript" src="javascript/lightwindow.js"></script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <script type="text/javascript"> var boo = function(){ return("boo") } </script> </head> <body> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','flashcoso','width','550','height','200','id','flashcoso','src','FlashExample','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','FlashExample' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="flashcoso" width="550" height="200" id="flashcoso"> <param name="movie" value="FlashExample.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="FlashExample.swf" width="550" height="200" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" name="flashcoso"></embed> </object> </noscript> </body> </html>

in my script how do i set up the call to the javascript

would it be as simple as removing the javascript from the line - have i made more than one error in trying to set it up???

hope you can answer this for me - i feel like i am chasing my own tail on this!

1 Attachment(s)

this is a simplified version of the files - the .mov is missing from the gallery because of it's size but this is the movie that it calls...
anyone see what i am missing!?

I don't think you can call an external script located in a folder. I think you need to have it as a script in your html.

However, I have to admit that my knowledge is limited and I am not necessarily an expert in that field.

bizarre thing is that the class below - works!!!

but when i try to make it work with xml and then drop it into my .fla - it just does nothing!

is there a way of changing that to work from my onclick function?

PHP Code:

package{ import flash.display.*; import flash.events.*; import flash.net.* import flash.text.*; public class FlashExample extends MovieClip{ public var videourl:String ="gallery/fische01.mov" public function FlashExample(){ dbg.text= "helloworld!" clickme.buttonMode = true clickme.mouseChildren= false clickme.addEventListener(MouseEvent.CLICK, mouseClick) } public function mouseClick(e:Event){ openVideo(videourl) } public function openVideo(s:String){ var urlstring:String = "javascript:myLightWindow.activateWindow({" urlstring += "href:'"+s+"', " urlstring += "title:'Sometitle', " urlstring += "author:'name'" urlstring += "})" dbg.text = urlstring var req:URLRequest = new URLRequest(urlstring) navigateToURL(req, "_self") } } }

is it possible to have that as the onclick in the script in my fla?

navigateToURL just opens a browser window with its content. It does not load anything into your movie.

...but this what is very odd! - in an fla with just a static button in and importing that class - when the swf button is clicked it 'does' load the lightwindow box with that video into the html doc - in the right way (ie as an overlay!)

but it just doesn't like anything else. Any ideas why that is? i'm at a total loss!

ps: apologies for my being so slow on the uptake here - so much has changed from as2!

if you look here that works a treat! (nearly - bit wonky) but that is what i want to happen on my onclick command but it just won't!

...so now i get this error both locally (desktop) and online

PHP Code:

SecurityError: Error #2147: Forbidden protocol in URL ExternalInterface.call:myLightWindow.activateWindow({href:'gallery/fische01.movtitle:'Sometitle', author:'name'}). at global/flash.net::navigateToURL() at wall_fla::MainTimeline/p_click()

it tells me the same thing both if the publish settings are at local or/and network?

this is how my script now looks

PHP Code:

function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; //this is your array reference to the url, right? var s_no:Number = parseInt(sp.name.slice(8,10)); var urlstring:String = "ExternalInterface.call:myLightWindow.activateWindow({" //Now, you need to include the url of the video in the string //in this way urlstring += "href:'"+url_list[s_no]+"', " ///tweak those parameters (i guess you can even remove them urlstring += "title:'Sometitle', " urlstring += "author:'Fariska'" ///remember to leave the line below urlstring += "})" //to check that you did right trace the urlstring: trace (urlstring) ////the output should be something like // "javascript:myLightWindow.activateWindow({ href:'YOUR URL', title:'Sometitle', author:'Fariska'})" var req:URLRequest = new URLRequest(urlstring) /////and then finally go to the url: navigateToURL(req, url_target_list[s_no]); }

i feel like i've been trying to work this out for months now!!!1

....well, been banging away at this sincee my last post - still no nearer - managed to collect new error messages but nothing that gives anything away!

if I am to use externalinterface.call - do I need to strip the entire .js for the lightwindow into my html? or do I set some other js into the html to call up the lightwindow?

I really am lost now - anyone here able to hold my hand on this and show me the error of my ways? please?

the general idea is you create a named js function in the HTML head..

(that spawns the lightwindow overlay).. and you can then pass params into that 'function' as well (for size, caption..etc)

however.. I 'too' can NOT get it to work either.

Although I am using AS2.. I have tried

getURL() function..
ExternalInterface.call()...etc.

links work fine in regular HTML..but for the life of me.... I can NOT pass or call or trigger the modal overlay (lightwindow) for nothing!...

I know this is old thread.. but wanted to see if anyone had any direction on this?

thanks

at a guess, you might be having trouble sending a complex object back. you can wrap the entire JS function with parameters in a string in a Function function. this works:

Code:

var js:String = "Function(\"var win = new lightwindow();win.activateWindow({href: 'index.html', title: 'title', author: 'bob', caption: '...', left: 300});\")"; ExternalInterface.call(js);

tested with AS2 and the latest lightwindow plugin

LOL..

thats more or less what I just tested....

actionscript Code:

function makeLW(s:String) {
    var urlstring:String = "javascript:myLightWindow.activateWindow({";
    urlstring += "href:'" + s + "', ";
    urlstring += "title:'Sometitle', ";
    urlstring += "author:'name'";
    urlstring += "})";
    getURL(urlstring, "_self");
}

i think your forgetting to instance a new lightbox tho - unless set, "myLightWindow" will be undefined - you need to instantiate a lightwindow first:

Code:

var myLightWindow = new lightwindow();

hth

it seems to 'work'..

where would I add that line then? the above was an AS function..
actionscript Code:
function makeLW(targetURL:String) {
    var myLightWindow = new lightwindow();
    var urlstring:String = "javascript:myLightWindow.activateWindow({";
    urlstring += "href:'" + targetURL + "', ";
    urlstring += "title:'Sometitle', ";
    urlstring += "author:'name',"; 
    urlstring += "})";
    getURL(urlstring, "_self");
}
but I cant seem to add height & width params to it?if I do it breaks..but without..it goes full/default size each time...

there is no 'function' in the HTML head any longer that is being called from within Flash..

just the default trigger from the imported js scripts?

here is the link the params:
http://www.p51labs.com/lightwindow/index.html#howtouse

maybe you can help figure out how to add in height, width and other params? my syntax must be off or breaking somewhere perhaps?

Im going to try your suggestion right now see if its easier.

thanks for your help.

you're adding the lightwindow instance as if it were actionscript - i'm surprise it works at all (should error out):

PHP Code:

function makeLW(targetURL:String) { var myLightWindow = new lightwindow(); var urlstring:String = "javascript:myLightWindow.activateWindow({";

you create the instance in actionscript, but reference it in javascript...

that needs to be part of the javascript string. i'd suggest ExternalInterface rather than javascript: protocol of getURL, and i'd also suggest using a Function function wrapper - makes the string ready for consumption by the js engine.

the example i posted is tested, and does accept params correctly.

hth

I added your line..works (Still).. lol

and I see now the reference int he js string/call.

I tried many ways to use ExternalInterface().. (although I could have had a slew of other problems at that point)

but Im going to try yours..

as 'my' version takes only the params you see there.. I couldnt add width/height.

I dont see them in yours..but Im going to try and add them same way.

thanks. =)

edit:

your way worked great! (thanks)..

not sure why I couldnt add the params..the old way.. but I appreciate all the help!

i suspect your string was failing here

PHP Code:

urlstring += "author:'name',"; urlstring += "})";

which would look like:

PHP Code:

author:'name',})

note the extra comma - also might have not liked the omission of a terminating semi.

anyways, glad you got it working :thumbsup: