ActionsDev

123 replies to this thread. Most Recent

joseph

31 Mar 2011, 4:49 pm

ScriptyLightbox2

Is there a simple change (meaning a non-programmer) could do to remove the black borders from a modal window generated with ScriptyLightbox2?

Thanks, Joseph

waltd

31 Mar 2011, 5:46 pm

Sure. Create the following style (probably easiest to copy and paste this into the Before /head portion of the Page / HTML Markup dialog):

<style type="text/css">
    .overlay {
        background-color: #fff !important;
    }
</style>

That’s going to give you a white background (so pick the color you like and add it as a hex color). If you look at the CSS that the Action creates in the head of your page, you may notice other things you want to fiddle with. Using the !important keyword within the definition of the rule will cause it to override the Action-generated settings, even if those settings are inserted into the head of the page after your hand-written rule. Usually it’s “Last Rule Wins”.

Walter

On Mar 31, 2011, at 12:49 PM, joseph wrote:

Is there a simple change (meaning a non-programmer) could do to remove the black borders from a modal window generated with ScriptyLightbox2?

Thanks, Joseph

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

31 Mar 2011, 7:08 pm

Thanks for your reply Walter.

Stupid question two: I’ve never looked at the code Freeway generates, how can I access it?

waltd

31 Mar 2011, 7:26 pm

If you have a programmer’s text editor, like the free and wonderful TextWrangler from http://barebones.com then you can tell Freeway that it’s a “browser”. Pull down the File menu to Preview in Browser, then in the submenu, choose Browser Setup. In the resulting dialog, simply add TextWrangler as if it was a browser. Now you can preview into TW instead of Safari or Firefox.

Another, perhaps simpler way, is just to preview into your favorite browser, then choose View / View Source from the main menu.

Either way, if you have your Document Setup / Output preferences set to More Efficient, you will be confronted by a tortured mass of code with very few line-breaks in it. Switch to More Readable and publish again, and you will see something that at least makes some tiny concession to your humanity.

Walter

On Mar 31, 2011, at 3:08 PM, joseph wrote:

Thanks for your reply Walter.

Stupid question two: I’ve never looked at the code Freeway generates, how can I access it?

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

31 Mar 2011, 11:41 pm

Very cool. I found the HTML Mark Up option in the Freeway Page menu. I just pasted your code in and now the border’s white.

But what if I wanted to get rid of the border altogether? I think I can see the measurements in the code, but I have no idea how to access it. And even if I could, how would I get it back into Freeway?

Is there another action that can easily make a borderless modal?

Thanks,

waltd

31 Mar 2011, 11:51 pm

The borders are there to accommodate QuickTime movies when played in the new QuickTime X plugin on Snow Leopard. There’s no other way to get the movie to show up without cropping off its controller unless you add those. Plus, they were kind of part of the aesthetic I wanted for the Action. If you want to turn off all of the effects, you could try changing the code you just pasted so that the inner part reads like this: (you can leave the black background alone now, since it won’t show once the image loads, and it’s the proper color to show off the spinner while the image is loading)

-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
padding: 0px !important;

Don’t forget to put this inside the script tags, don’t just leave it alone by itself in the HTML markup dialog.

Walter

On Mar 31, 2011, at 7:41 PM, joseph wrote:

Very cool. I found the HTML Mark Up option in the Freeway Page menu. I just pasted your code in and now the border’s white.

But what if I wanted to get rid of the border altogether? I think I can see the measurements in the code, but I have no idea how to access it. And even if I could, how would I get it back into Freeway?

Is there another action that can easily make a borderless modal?

Thanks,

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

5 May 2011, 6:02 pm

Walter,

Two last questions regarding videos:

Is there a way to make mov files to rescale similar to what happens with jpegs?

Is there a way to make the video load without starting?

Thanks,

Julio C Collazo

5 May 2011, 6:21 pm

Video must be render at the target screen size, QuickTime works great in FW, at the inspector you can select video “control” to add buttons “play, stop etc.”

On May 5, 2011, at 2:02 PM, joseph wrote:

Walter,

Two last questions regarding videos:

Is there a way to make mov files to rescale similar to what happens with jpegs?

Is there a way to make the video load without starting?

Thanks,

waltd

5 May 2011, 6:22 pm

On May 5, 2011, at 2:02 PM, joseph wrote:

Walter,

Two last questions regarding videos:

Is there a way to make mov files to rescale similar to what happens with jpegs?

Not at this time.

Is there a way to make the video load without starting?

It shouldn’t do this. Could you please post a link? Also any details about the computer where this happens — OS and version, QuickTime version, etc.

Walter

Thanks,

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

5 May 2011, 8:13 pm

Not posted yet. (Should have it up this weekend.) I’m running Snow Leopard 10.6.7 with Quicktime Version 10.0 on a Aluminum Unibody MacBook 2.4 GHz Core Duo w/4G RAM. But I’ve QA’d on a couple of different Macs with the same result. On older machines the video will start running, sometimes just the audio, while the modal window is rendering. BTW, The videos are 640x, with an approximate 1300 bps framerate. If you have any thoughts now, that would be helpful.

Thanks,

Joseph

P.S. Can I access the inspector buttons for the modal that Julio describes or is that only for HTML pages?

waltd

5 May 2011, 8:19 pm

This will only work on a movie you place directly on the page in Freeway, so not one that appears in a gallery style display like ScriptyLightbox.

Walter

On May 5, 2011, at 4:13 PM, joseph wrote:

P.S. Can I access the inspector buttons for the modal that Julio describes or is that only for HTML pages?

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

5 May 2011, 8:29 pm

Do the stats I gave give you any indication of why the videos might be auto running, or would you have to wait until I have a live site?

Joseph

On 5 May 2011, 8:19 pm, waltd wrote:

This will only work on a movie you place directly on the page in Freeway, so not one that appears in a gallery style display like ScriptyLightbox.

Walter

waltd

5 May 2011, 8:41 pm

No, I investigated further, and it appears that not only did I remember wrong how it was supposed to work, I also forgot to add the autoplay=”false” attribute to the QuickTime popup. It’s been added, so download version 0.4 and see if that improves things for you.

Walter

On May 5, 2011, at 4:29 PM, joseph wrote:

Do the stats I gave give you any indication of why the videos might be auto running, or would you have to wait until I have a live site?

Joseph

On 5 May 2011, 8:19 pm, waltd wrote:

This will only work on a movie you place directly on the page in Freeway, so not one that appears in a gallery style display like ScriptyLightbox.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

6 May 2011, 2:37 am

Glad I could help. (grin)

Just so I have this straight, with version 0.4 the user will have to start the video, correct?

Thanks for all your help, Joseph

waltd

6 May 2011, 10:47 am

Yes. That’s what I thought the default was, so I didn’t set the value explicitly. But apparently that changed, so I have added the flag to the code so it’s belt-and-suspenders.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

11 Oct 2011, 4:41 am

Walter, you suggested the following HTML markup code to change the color to white and to remove the borders:

<style type="text/css">
    .overlay {
        background-color: #fff !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
        padding: 0px !important;
    }
</style>

Here are my questions:

1) How do I eliminate the background color altogether and make it transparent instead?

2) How can I make it so that I can click anywhere inside my graphic to make it vanish, rather than be forced to click the X in the upper left?

3) How can I prevent JPEG and GIF graphics from being scaled down when the browser window is too small? (I want my graphic to open up and be a fixed size, regardless of how small the browser window may be.)

With regard to my first two questions, here is an example web page (using a different script) that offers transparent backgrounds and click-to-close anywhere inside the object (click the block of icons that are below the big “735HB”): http://kiramek.com/japanese/products/735.html

Thank you,

James Wages

waltd

11 Oct 2011, 1:36 pm

On Oct 11, 2011, at 12:41 AM, JDW wrote:

Walter, you suggested the following HTML markup code to change the color to white and to remove the borders:

<style type="text/css">
   .overlay {
       background-color: #fff !important;
       -moz-border-radius: 0px !important;
       -webkit-border-radius: 0px !important;
       border-radius: 0px !important;
       padding: 0px !important;
   }
</style>

Here are my questions:

1) How do I eliminate the background color altogether and make it transparent instead?

You can use the keyword ‘transparent’ instead of a color number or name. So background-color: transparent !important; should do the trick.

2) How can I make it so that I can click anywhere inside my graphic to make it vanish, rather than be forced to click the X in the upper left?

The reason why the Action works this way is because one of its big use-cases was QuickTime movies. Those you have to click on in order to control (start/stop/seek) so I needed a discrete close control.

If you want to force the other behavior, add the following rule to your style block:

#_closer { display:none !important; }

That gets rid of the close box.

Then add this through Protaculous (choose prototype-packed from the Library picker):

document.observe('click',function(evt){
    var elm;
    if(elm = evt.findElement('#_player'))
        elm.remove();
});
document.observe('touchstart',function(evt){
    var elm;
    if(elm = evt.findElement('#_player'))
        elm.remove();
});

I haven’t tested this, but it ought to work. All it’s doing is setting a handler to close the popup whenever it is clicked.

3) How can I prevent JPEG and GIF graphics from being scaled down when the browser window is too small? (I want my graphic to open up and be a fixed size, regardless of how small the browser window may be.)

If you remove this feature, there won’t be much of anything left to the Action. You could very easily use Spawn New Window or even target =”_blank” at this rate! I don’t see a way to remove this without fundamentally rewriting the Action. Plus, it would be a usability nightmare on the iPad.

Walter

With regard to my first two questions, here is an example web page (using a different script) that offers transparent backgrounds and click-to-close anywhere inside the object (click the block of icons that are below the big “735HB”): http://kiramek.com/japanese/products/735.html

Thank you,

James Wages

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

12 Oct 2011, 5:28 am

Thanks for the code tips, Walter.

The transparency code works perfectly. And the code to allow click-to-close anywhere in the open object works great too. Despite what you said, it actually does not eliminate the “X” close box in the upper left. But I am not bothered by that. I mainly wanted a dummy-proof way to close the zoomed object (people are sometimes too stupid to find a small close box).

At the end of your post, you suggested using Spawn New Window instead of your Action, in cases where I don’t want my graphic objects to be resized automatically. But that does not achieve what I want. I want to use your Action because it allows me to click on an object on my web page, and then your Action will zoom open a graphic of my choice which explains the object just clicked. I don’t want the zoomed object to look like a new window at all. I want the zoomed object to appear to be a part of the main page content, just floating above the page and with a drop shadow. I cannot achieve that effect with Spawn New Window (not that I know if anyway) but I can achieve that with your action. And since some of my objects contain text, I don’t want them to be scaled down such that the text is hard to read, which is why I was even concerned about down-scaling at all.

Thanks,

James Wages

DeltaDave

12 Oct 2011, 5:30 pm

I cannot achieve that effect with Spawn New Window (not that I know if anyway) but I can achieve that with your action.

You could use Target Show/Hide Layer and have any content you want in there.

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

JDW

12 Oct 2011, 9:35 pm

But, David, wouldn’t the use of Target Show/Hide Layer result in a large web page overall, versus the use of Walter’s Action?

As I said, I seek a drop shadow. To elegantly achieve that with Target Show/Hide Layer would dictate the use of a 24-bit PNG file. Depending on the dimensions of the graphic in question, the filesize could be rather large.

Further, there are issues pertaining to how to make that “pop-out” graphic go away. Walter’s Action offers a nice zoom effect similar to what you see here when you click on the icons: http://kiramek.com/japanese/products/735.html

You won’t get the zoom effect in Target Show/Hide Layer, although one could use Fade, I suppose.

—James Wages

JDW

13 Oct 2011, 2:27 am

David, I’ve spent the last half hour fiddling with your suggestion. Target Show/Hide Layer can’t hold a candle to Walter’s action in terms of my productivity, sanity, filesizes, and practicality. It’s a real pain in the donkey, let me tell you!

I therefore think it would still be useful to have a means of preventing auto-scale from occurring on graphics used with Walter’s action.

—James Wages

roberto

22 Oct 2011, 1:11 pm

Hi,

I need to load LightBox directly opening my page (without links, onLoad). Is it possible?

Sorry for my bad english, thanks, Roberto

waltd

23 Oct 2011, 7:11 pm

Sorry for the delay, I’ve had a look at this problem and there doesn’t seem to be any way to make it fire at page load without rewriting the function to observe another method besides click. And there doesn’t seem to be any way to fire the click event on a link from JavaScript. (That’s probably a good thing, security-wise.)

If you don’t mind hand-coding a bit, you could apply the Action, let it publish the code it’s programmed to create, then copy the entire function out of the published HTML and make a few changes, then remove the Action and build the effect back up using the Page / HTML Markup dialog and the Hyperlink / Extended sub-dialog.

Here’s what it would look like as a “open once on page load” function rather than a click here to load function:

You would have to fill in the file path and the geometry and filename extension in order for this to work, and you would use the Protaculous Action to add this code (and the requisite JavaScript libraries) to your page.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

roberto

13 Nov 2011, 6:51 pm

Dear Walter Davis,

I apologize for the delay of my answer, of my thanks.

I have thought and worked a lot on your proposals, but I am only a graphic designer so I’m not able to code. Effectively, why to change the light box? I think that a modal window is perfect for my needs. The difficult (for me, of course!) is to change its aesthetic aspect by CSS.

Waiting for a new modal dialog FW action (why not? It’s a marketing idea!), many thanks again,

Roberto

JDW

29 Nov 2011, 12:38 am

I finally found a reasonable solution for what I wanted to do, so I wish to share that with all of you now.

If you scroll back up and read our previous posts on this issue, you will see that I have been wanting to prevent the automatic shrinking feature in Walter’s action, which shrinks the size of the popup graphic if you make your browser window too small. The problem is that if you have a graphic with text in it, that text can become unreadable.

When I originally asked if Walter could remove that auto resizing feature, Walter replied as follows:

“If you remove this feature, there won’t be much of anything left to the Action… Plus, it would be a usability nightmare on the iPad.”

I honestly didn’t care much about Walter’s “there wouldn’t be much left” reason, but I did give thought to his iPad comment.

After being frustrated with this for so many weeks, I put my thinking cap on today to see if I couldn’t single-handedly solve my own problem. I was able to. My solution is basically a hack of Walter’s Action but it works. Here’s what I did:

1) I right-clicked on Walter’s “ScriptyLightbox2” action to make it “Show Contents.”

2) I then dug down into the folders until I found “ScriptyLightbox2.fwaction,” and I then opened that file in TextWranger.

3) Within TextWrangler, I scrolled through the file and didn’t make much sense of it all (since I’m by no means “a coder”) but I did take note of the section entitled “Element.addMethods.” In there I could see Walter was using math to resize something, and I logically deduced this to be the “Auto Resize” code.

4) I then noted the following two lines in that section of the code:

if (width > (screen.width * .8)){

if(element.getHeight() > (screen.height * .8)){

5) I then Previewed one of my Freeway web pages in the browser to confirm that indeed when I shrank the browser window width to less than 0.8, my popup graphic was getting resized. But rather than eliminate this code altogether, which would be a pain in the booty and cause problems with the iPad, I merely changed those two lines to the following:

if (width > (screen.width * .98)){

if(element.getHeight() > (screen.height * .98)){

6) I then noticed that the Freeway Action icon vanishes in the Finder, so I used FileBuddy to examine the file. Sure enough, because I had saved the file in Text Wranger, it added File TYPE code. I deleted that out and left the CREATOR code intact, and the icon came back.

7) I then removed the Action on my Freeway page, reapplied it, then tested in the browser. The end result is perfect for me!

The reason I consider the value of 0.98 better than 0.8 is because if someone browsing my site likes to keep their browser windows very narrow width-wise, they almost always will keep the window just a tad wider than the width of the page (otherwise you wouldn’t be able to see the entire page). But at Walter’s default setting of 0.8, the browser window would have to be quite a bit bigger than the width of the actual page you make in Freeway, and people who like to keep their browser windows narrow probably wouldn’t widen it that big. In other words, for those folks, my graphics would constantly be getting automatically sized smaller, which is not what I want.

So by changing 0.8 to 0.98 in those two places, I can view my page in the browser and decrease the browser window width to just very slightly larger than the page width, and my graphics still won’t get resized.

For those of you whose graphics are much narrower than the width of the Freeway page itself, this really isn’t an issue. But in my case, the graphics were just a tad wider than the page itself, so they were getting resized too often when I narrowed the browser window.

I hope all this makes sense. And again, I am not a coder. This is a change that most any of you can make to the action if you want. It’s not hard if you follow my advice above.

DeltaDave

29 Nov 2011, 12:46 am

Its all Japanese to me!

But seriously James - well done for being persistent.

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

waltd

29 Nov 2011, 1:32 pm

I’m glad you worked this out. I try when designing my Actions to find a middle ground where I think that a good chunk of my potential audience is well served. I think that it’s wonderful that Actions are open and can be tailored like this. I would hate it if all Actions had to be encoded, and nobody could learn from anybody else or make these sorts of adjustments to suit their unique needs.

Walter

On Nov 28, 2011, at 8:38 PM, JDW wrote:

After being frustrated with this for so many weeks, I put my thinking cap on today to see if I couldn’t single-handedly solve my own problem. I was able to. My solution is basically a hack of Walter’s Action but it works. Here’s what I did:

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

9 Dec 2011, 5:50 am

Walter, I’m back with another ScriptyLightbox2 problem. Well, it’s a “functionality limitation” rather than a bug.

I’ve been using ScriptyLightbox2 to display some graphics as “popups.” It’s far better than SpawnNewWindow because there is no “new window,” yet I can force content to “pop up” above the existing web page. My application is sort of like System 7 Balloon Help on steroids.

Anyway, the problem I’ve run up against is that I cannot add links within my popup. I’ve tried using the older, more feature-rich ScriptyLightbox action, but it is very slow to open content (I think, due to the slide-open special effect you use). Furthermore, the original ScriptyLightbox tries to put the filename of my graphic in the upper left corner, but does it so badly that the name is partially truncated. Also, there is no background shadow, and no rounded corners either. All said, I like your newer ScriptyLightbox2 much better, except for the fact it won’t allow me to use graphic or text links.

So can you improve ScriptyLightbox2 such that it will empower me to add links? (I think for that to work, you would have to allow the user to be able to choose an existing Freeway web page, instead of just selecting a file on your hard drive, as is the case right now.) In another words, it would be like SpawnNewWindow, just without any new “window” appearing. I would be page content that is merely hidden until you click it into view.

Thanks,

James Wages

waltd

9 Dec 2011, 2:14 pm

I have several requests for this, and I will hopefully find some time during the holidays to attack this. It’s a little more complex than changing the picker to allow pages or URLs to be the target of the generated link — I also have to create and destroy an iframe at the desired size instead of loading an image or movie.

Walter

On Dec 9, 2011, at 1:50 AM, JDW wrote:

So can you improve ScriptyLightbox2 such that it will empower me to add links? (I think for that to work, you would have to allow the user to be able to choose an existing Freeway web page, instead of just selecting a file on your hard drive, as is the case right now.)

Freeway user since 1997

http://www.walterdavisstudio.com

Paul

9 Dec 2011, 3:03 pm

I have several requests for this, and I will hopefully find some time during the holidays to attack this. It’s a little more complex than changing the picker to allow pages or URLs to be the target of the generated link — I also have to create and destroy an iframe at the desired size instead of loading an image or movie.

I would point out the the iPad Friendly option in my SNW Action does this already.

All the best,

Paul

My Actions Site: http://www.actionsworld.com

Actions for Galleries, decorating that text box and many more!

JDW

9 Dec 2011, 11:43 pm

Thanks for the desire to add such, Walter. I look forward to seeing your handiwork.

Paul, I cannot find “SNW” on ActionsForge. Furthermore, when I do a keyword search for “SNW” on actionsworld.com, a set of completely unrelated items appears in the search results. Therefore I must ask you some questions…

1) Have you used Walter’s ScriptyLightbox2 action?

2) If you have used it, are you familiar with the drop shadow, rounded corners, close box, etc. that it puts around content?

3) Does your action offer those things too?

—James Wages

DeltaDave

10 Dec 2011, 12:18 am

Spawn New Window http://www.actionsworld.com/Actions/SpawnNewWindow/index.php

Example http://www.deltadesign.co/fw_examples/linktonew.html

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

JDW

10 Dec 2011, 1:26 am

Thank you for the hand-holding, Dave. That is in fact almost EXACTLY what I have been seeking! I say “almost” only because I don’t see a way to round the corners, as is true of Walter’s action. (Yes, I am the reincarnate Steve Jobs when it comes to demanding rounded corners!!!!!)

I will give Paul’s action a full set of tests when I get into the office on Monday.

Best,

James Wages

DeltaDave

10 Dec 2011, 10:35 pm

You should be able to round the corners with a bit of CSS - but remember anything less than IE9 and it is unlikely to work.

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

waltd

10 Dec 2011, 10:37 pm

I should point out that the corners are rounded with CSS3 in ScriptyLightbox2 as well.

Walter

On Dec 10, 2011, at 6:35 PM, DeltaDave wrote:

You should be able to round the corners with a bit of CSS - but remember anything less than IE9 and it is unlikely to work.

D

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

10 Dec 2011, 11:27 pm

Paul already has the CSS3 box-shadow style built into his action but you could try adding this to the Before end Head section of Page>HTML Markup for the parent page.

<style type="text/css">
<!--
    #iFrameHolder, #iFrame {
-webkit-border-radius: 18px !important;
-moz-border-radius: 18px !important;
border-radius: 18px !important;
}
-->
</style>

I have added it to my example at http://www.deltadesign.co/fw_examples/linktonew.html

But I haven’t looked at it in IE9 - yet!

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

JDW

12 Dec 2011, 1:14 am

Dave and Paul (and Walter, if you wish to chime in),

I have some thoughts to share about the new SpawnNewWindow action that was recommended to me: http://www.actionsworld.com/Actions/SpawnNewWindow/index.php

First of all, Dave, the CSS for Page Markup you kindly offered me works wonderfully to round the corners of the popup box. Thank you!

The only disadvantage to the rounded corners is that the close box is offset to the top-left a tad too much. With no controls for that in the Action itself, I had to resort to hacking Paul’s action. I found “var closeButtonOffset = 22;” and changed “22” to “11” and then previewed. That pulls in the close box enough for me, but it introduces a new problem. Now the close box is beneath the popup box! I would think that the close box should always be the topmost item/layer, so this result is rather baffling. In any case, how do I bring the close box “to the front”?

Next, I see that ticking the “iPad friendly” setting in the Actions palette achieves the effect I want; namely, that instead of a new “window” popping up, you get popup content over your exiting page. And the best part is, I can use links too. However, I notice that the background “fades to white” when the popup appears. In some cases that is nice, but is there no way to “fade to black” instead?

I look forward to hearing your thoughts.

Many thanks,

James Wages

DeltaDave

12 Dec 2011, 7:49 am

is there no way to “fade to black” instead?

Yes - if you look in the actions resources folder you will see within the Support Files blanking-out.png - which is a transparent white png. If you change this to your own transparent black png you will get what you want (keep the file name the same).

You should probably keep 2 versions of the action - one unmodified.

As to the closebox being behind the window - you should be able to change the z-index of it to a high number (99) to ensure that it stays in front. Try

<style type="text/css">
<!--
    #closebox {

z-index: 99 !important;
}
-->
</style>

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

Matt

31 Jan 2012, 4:20 pm

Hi, Have been reading post and can’t get background to fade using ScriptyLightbox2. works with ScriptyLightbox but wanted to use (use page/URL as Target) with ScriptyLightbox2

Can not find blanking-out.png file in action resource folder.

using contact tab to open mail form. http://www.mattbrooke.co.uk/

Any help much appreciated Matt.

waltd

31 Jan 2012, 6:05 pm

ScriptyLightbox 2 does not fade the background. It pops up a shadowed “window” effect over the current page and centers it.

Walter

On Jan 31, 2012, at 12:20 PM, Matt wrote:

Hi, Have been reading post and can’t get background to fade using ScriptyLightbox2. works with ScriptyLightbox but wanted to use (use page/URL as Target) with ScriptyLightbox2

Can not find blanking-out.png file in action resource folder.

using contact tab to open mail form. http://www.mattbrooke.co.uk/

Any help much appreciated Matt.

Freeway user since 1997

http://www.walterdavisstudio.com

Matt

31 Jan 2012, 9:29 pm

Many thanks Walter for your quick response

Matt.

JDW

15 Feb 2012, 6:03 am

Walter, I recently found a way to run IE9 on my Intel iMac legally and free of charge: http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/

It’s great because it allows me to test the sites I create in Freeway, in the latest version of Microsoft’s “attempt at a browser.” :-)

I was please to see the shadow I’ve applied to my CSS Menus actually displays in IE9 (in Windows7). Menu shadow never worked at all in IE6 or IE7 or IE8 (in WinXP). However, I did find a problem in IE9 with regard to ScriptyLightbox2.

The reason I even use ScriptyLightbox2 is so I can make some graphics or even HTML content appear to hover above the existing page, rather than force a jump to a new page or open a new window. All Mac browsers work fine to do that with ScriptyLightbox2, and even IE8 on WinXP works fine too. Chrome and Firefox on Windows also work perfectly to do that. But IE6 & IE7 & IE9 cause the ScriptyLightbox2 content to open on a new page, rather than hover the content above the existing page.

If it were only IE6 & IE7 that had this problem, it wouldn’t be a big deal. But since IE9 also has the problem, I believe it needs to be investigated. To do that, please test the following page in my site in IE6 or IE7 or IE9:

http://www.kiramek.com/japanese/products/540.html

• Click on the Siren/Speaker in that photo.

• Click on the block of icons beneath the 540HS.

Either of those clicks should cause the content to appear above the existing page. But as I said, in IE6 & IE7 and IE9, the content appears on a new blank page. That is the problem. It should hover above the EXISTING page, not open in a new page.

I look forward to hearing your thoughts.

—James Wages

JDW

15 Feb 2012, 7:10 am

Walter,

Here is a video I just made showing the problem clearly: http://www.kiramek.com/21test95/ScriptyLightBox2_Woes_in_IE9.mov

The first part of the video shows the problem in IE9 (running in Windows7). For a split second you can see the frame of where the content should appear hovering above that page, but then the browser opens the content in a new blank page.

The second part of the video shows Chrome running in Windows7. No problems at all — you can see the content properly appears above the existing page.

Again, I would appreciate hearing your thoughts on how we can address this problem.

Thank you,

James Wages

waltd

15 Feb 2012, 1:39 pm

I’m looking at this. Thanks for the link to the VirtualBox recipes. I’ve been having to cadge time on my wife’s office computers to look at things in 9, because I don’t want to upgrade my VMWare and lose IE8. This is a much neater solution.

Walter

On Feb 15, 2012, at 2:03 AM, JDW wrote:

I look forward to hearing your thoughts.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

16 Feb 2012, 6:18 am

Walter, I should add a couple more things…

In IE9 you can see a tiny “broken document” icon just to the right of the address bar. You can see that in my video. Clicking that gives you a special “IE9 Compatibility View.” But even in that view, what you see in my video remains true — the content won’t appear hovering over the existing page.

But the really nifty thing about IE9 is that you can view how the page would look in IE8 and in IE7, simply by clicking on the spiked-wheel icon (directly beneath the red “X” close box, and choose “Developer Tools” and then set which browser you like under the “Browser Mode” menu that appears at the bottom of the browser window. I verified it works perfectly, just like the actual copies of IE7 and IE8. That feature allows you to confirm my problem; namely, that ScriptyLightBox2 content will hover above the existing page perfectly in IE8, but it will only open in a new page in IE7 and IE9.

I look forward to hearing your thoughts when you have time.

Best,

James W.

waltd

16 Feb 2012, 2:53 pm

I tried following the instructions you linked to yesterday, and was not able to download the IE9 image. It tried to come down in 7 parts, and it would consistently get the first couple of parts, then break on the third. I may have to visit the BigUglyStore and buy a retail copy of Windows 7 in order to take this any further.

Walter

On Feb 16, 2012, at 2:18 AM, JDW wrote:

Walter, I should add a couple more things…

In IE9 you can see a tiny “broken document” icon just to the right of the address bar. You can see that in my video. Clicking that gives you a special “IE9 Compatibility View.” But even in that view, what you see in my video remains true — the content won’t appear hovering over the existing page.

But the really nifty thing about IE9 is that you can view how the page would look in IE8 and in IE7, simply by clicking on the spiked-wheel icon (directly beneath the red “X” close box, and choose “Developer Tools” and then set which browser you like under the “Browser Mode” menu that appears at the bottom of the browser window. I verified it works perfectly, just like the actual copies of IE7 and IE8. That feature allows you to confirm my problem; namely, that ScriptyLightBox2 content will hover above the existing page perfectly in IE8, but it will only open in a new page in IE7 and IE9.

I look forward to hearing your thoughts when you have time.

Best,

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

16 Feb 2012, 9:08 pm

I tried following the instructions you linked to yesterday, and was not able to download the IE9 image.

I tried to download them all but the only one I got was IE6 - the others all broke (didn’t want IE6!)

Now it wont let me download them again as it tells me they exist already.

Remind me how I get to see invisible files/folders with a leading period under Snow Leopard. I used Transmit but I am sure there is an easier way

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

waltd

16 Feb 2012, 9:12 pm

Open Terminal, use cd to navigate to the folder, then type

open .

and press return.

Or type Shift-Command-G in Finder, and type in the path to the folder there.

Walter

On Feb 16, 2012, at 5:08 PM, DeltaDave wrote:

I tried following the instructions you linked to yesterday, and was not able to download the IE9 image.

I tried to download them all but the only one I got was IE6 - the others all broke (didn’t want IE6!)

Now it wont let me download them again as it tells me they exist already.

Remind me how I get to see invisible files/folders with a leading period under Snow Leopard. I used Transmit but I am sure there is an easier way

David

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

16 Feb 2012, 10:16 pm

Thanks

I am having another go at the IE7 download

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

JDW

16 Feb 2012, 11:27 pm

Walter and DeltaDave,

I did not download all 3 VM’s because you don’t need to. As I posted yesterday, IE9 allows you to go into it’s Developer section and change IE9 to emulate IE7 and IE8. I have true Windows PCs running IE7 and IE8, and I have compared them with the IE7 and IE8 modes of IE9, and I can tell you that IE9 simulates IE7 and IE8 perfectly on all the content I tried.

I had success at copying and then pasting the following line in the Terminal, to download the IE9 VM:

curl -s <https://raw.github.com/xdissent/ievms/master/ievms.sh> | IEVMS_VERSIONS="9" bash

It takes a while to finish all the downloading, but it worked for me on the first try. But be sure to download and install the latest version of Virtual Box first, then copy and paste the line above into the Terminal. Once downloaded, you need only open Virtual Box, and your VM will appear there ready to go.

—James W.

waltd

17 Feb 2012, 4:48 am

It was during the download of Windows 7 + IE9 that I was having this experience. My piddly T1 line is no match for your genuine Japanese broadband connection, I fear. I got the first of 7 images in about an hour, then the second one bombed out half-way through, the script skipped ahead and started downloading the third, and I decided I’d had enough of that.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

17 Feb 2012, 5:03 am

I’m on a relatively slow 12Mbps ADSL line here at the office, Walter. But at home, I have a 100Mbps fiber line. I pay $70/month for the fiber line.

:-)

waltd

17 Feb 2012, 3:03 pm

Kill me now, so that I may reincarnate in Japan! 1.5mbps symmetrical == $325/mo. DSL was wayyyy less, both in dollars and upstream speed, and didn’t work after a rain, or on alternating Tuesdays.

This neighborhood was wired with copper some time during the Hoover administration, and they haven’t ever changed it. I was all excited last summer when the phone company brought fiber all throughout the neighborhood. I can look out my back windows and see it gracefully looping from pole to pole, right behind my house. But they “don’t have enough capacity at the central office” according to the sales people, so they don’t know when they’ll get around to putting the last 50 feet (from the pole to my chimney) into place.

Walter

On Feb 17, 2012, at 1:03 AM, JDW wrote:

I’m on a relatively slow 12Mbps ADSL line here at the office, Walter. But at home, I have a 100Mbps fiber line. I pay $70/month for the fiber line.

:-)

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

20 Feb 2012, 8:03 am

Walter,

I created a simple test page for you which exhibits the problem I spoke about in IE9:

http://www.kiramek.com/walter/

When I first created that page without any HTML Markup or Protaculous, it worked fine in IE9 (as well as any other browser). But I need to add code in Protaculous and in HTML Markup to make my search field work properly (code you gave to me in the past). I also have a splattering of HTML Markup code to add shadows to my CSSmenus. Furthermore, you recently gave me additional code to put in Protaculous that allows me to click anywhere in the ScriptyLightBox2 “Target” to have the Target close. But when I added all that code, the problem appeared again in IE9.

Again, the problem is that the content of the target does not hover over the existing page but instead it appears on a new, blank page.

I therefore believe this IE9 problem can be fixed with a modification to the code in HTML Markup and/or the code in Protaculous. However, that modification is beyond my capabilities. I would therefore appreciate hearing your thoughts.

Many thanks,

James Wages

waltd

20 Feb 2012, 2:10 pm

Somehow, you have a copy of Prototype 1.6.1 linked into the head of your page AFTER the link to Prototype 1.7.

Prototype 1.7 works fine with IE9, and Prototype 1.6.1 does not.

Check to ensure that you have the absolute latest version of Protaculous and ScriptyLightbox2. My guess is that the former is out of date, at least in your document. You should only ever have one link to Prototype and / or Scriptaculous in the head of your page, which is why I beat the jungle drums so loud every time I update anything. It’s not possible for a “scripty” Action to know which one of its peers will actually attach the libraries to any given page, so they all have to be running at a cooperative version level.

Walter

On Feb 20, 2012, at 4:03 AM, JDW wrote:

Walter,

I created a simple test page for you which exhibits the problem I spoke about in IE9:

http://www.kiramek.com/walter/

When I first created that page without any HTML Markup or Protaculous, it worked fine in IE9 (as well as any other browser). But I need to add code in Protaculous and in HTML Markup to make my search field work properly (code you gave to me in the past). I also have a splattering of HTML Markup code to add shadows to my CSSmenus. Furthermore, you recently gave me additional code to put in Protaculous that allows me to click anywhere in the ScriptyLightBox2 “Target” to have the Target close. But when I added all that code, the problem appeared again in IE9.

Again, the problem is that the content of the target does not hover over the existing page but instead it appears on a new, blank page.

I therefore believe this IE9 problem can be fixed with a modification to the code in HTML Markup and/or the code in Protaculous. However, that modification is beyond my capabilities. I would therefore appreciate hearing your thoughts.

Many thanks,

James Wages

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

20 Feb 2012, 11:38 pm

Walter,

I have the latest version of ScriptyLightBox2, and I verified that in the bottom right corner of the Actions palette — version 0.6.

I thought I had the latest version of Protaculous. But when I checked the bottom right corner of the Actions palette just now, I see it says “0.6.5”. But even after installing the latest version a few moments ago, the version number in the Actions palette remains the same.

I downloaded version 0.7 from here:

http://actionsforge.com/actions/view/18-protaculous

I double-clicked it in the Finder. It told me it was replacing older actions in my FW document, and then I checked the version number in the Actions palette, but it was unchanged as “0.6.5”.

I deleted Protaculous from off my page (the only instance of it) and then reapplied it, but the version remains the same at 0.6.5.

Please advise.

Thank you,

James Wages

JDW

20 Feb 2012, 11:54 pm

Walter, problem solved!

The root problem was indeed the older version of Protaculous. And despite having double-clicked the Action in the Finder, and despite Freeway having led me to believe it was installed, Freeway in fact did not install it. I discovered that by digging into my “Library/Application Support/Freeway 5/Actions” folders. As you know there are two: one in my “home/library” and the other in my “hard disk/library”. There was no Protaculous action in my hard disk/library, but the was one in my home/library. I checked the version of that, and sure enough, Freeway lied to me about having “installed” version 0.7. The old 0.6.5 version was still sitting there in the Actions folder plain as day. So I manually deleted it and threw the new version in there, and then I saw the 0.7 version number propagate to all my open FW documents. I just checked in IE9 and all is well.

So thank you again.

I must say that this has hit me more than once in the past. I just forget about it as time goes on and then get hit with it over and over. The root problem is not my bad memory. The root problem is that Freeway leads me to believe that the Action I double-clicked in the Finder was installed. But in fact, it was not. I shouldn’t have to manually change the Action or restart Freeway or restart my computer to get this to work right. It should JustWork™! Grrr!

Anyway, thanks again. And if your snail-slow internet connection finally allowed you to download Virtual Box and IE9, let us know how it goes for you.

—James W.

waltd

21 Feb 2012, 12:17 am

After you deleted it from your page, but before you re-applied it, did you publish once? That seems to be the way to kick old bundle Actions off the island. The problem is that the Action gets cached in the document, so getting it off of one page isn’t even enough. You have to go through, page by page, and remove it from every page, publish the entire document once, and then re-apply it. Before you tell me, yes, I agree this is a pain in every dangly-bit there is. I have complained often and annoyingly about this. I am hoping it can get some love from the Weezards of Oxford one day soon, when they have finished killing all the Orcs.

Walter

On Feb 20, 2012, at 7:38 PM, JDW wrote:

Walter,

I have the latest version of ScriptyLightBox2, and I verified that in the bottom right corner of the Actions palette — version 0.6.

I thought I had the latest version of Protaculous. But when I checked the bottom right corner of the Actions palette just now, I see it says “0.6.5”. But even after installing the latest version a few moments ago, the version number in the Actions palette remains the same.

I downloaded version 0.7 from here:

http://actionsforge.com/actions/view/18-protaculous

I double-clicked it in the Finder. It told me it was replacing older actions in my FW document, and then I checked the version number in the Actions palette, but it was unchanged as “0.6.5”.

I deleted Protaculous from off my page (the only instance of it) and then reapplied it, but the version remains the same at 0.6.5.

Please advise.

Thank you,

James Wages

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

21 Feb 2012, 12:29 am

Walter, I Previewed a few pages in my site, but that did not result in making the new Action appear. I did not Publish the entire site, nor did I do a Publish Everything. But I would still argue that we shouldn’t be forced to do that. :-)

Thank you!

James W.

JDW

22 Feb 2012, 7:35 am

Walter, I discovered yet another problem with ScriptyLightBox2 today. Unfortunately, having the latest version of Protaculous does not fix this problem.

The problem appears on pages where I display videos above the existing page via ScriptyLightBox2. The videos open and play perfectly. The problem is that when you click the close box, only the “frame around the video” vanishes, and the video remains there and continues to play. Sometimes if I scroll around the page and click like mad long enough it will go away. But it most cases, the video won’t go away until I double-click it (which makes it fill the screen) and then I pause or stop it.

I verified this problem exists in IE6 & IE7 & IE8 running under WinXP and also in IE9 running under Windows7. No problem in Chrome, Safari or FireFox on the Mac. And no problem in Chrome, Safari or FireFox on Windows. It’s only IE on Windows.

Here is the test page:

http://kiramek.com/japanese/products/hv100.html

Click on either of the WindowsMedia buttons to see the problem in IE.

Your thoughts would be appreciated.

Thanks,

James Wages

waltd

22 Feb 2012, 12:13 pm

On Feb 22, 2012, at 3:35 AM, JDW wrote:

Walter, I discovered yet another problem with ScriptyLightBox2 today. Unfortunately, having the latest version of Protaculous does not fix this problem.

The problem appears on pages where I display videos above the existing page via ScriptyLightBox2. The videos open and play perfectly. The problem is that when you click the close box, only the “frame around the video” vanishes, and the video remains there and continues to play. Sometimes if I scroll around the page and click like mad long enough it will go away. But it most cases, the video won’t go away until I double-click it (which makes it fill the screen) and then I pause or stop it.

I verified this problem exists in IE6 & IE7 & IE8 running under WinXP and also in IE9 running under Windows7. No problem in Chrome, Safari or FireFox on the Mac. And no problem in Chrome, Safari or FireFox on Windows. It’s only IE on Windows.

Here is the test page:

http://kiramek.com/japanese/products/hv100.html

Click on either of the WindowsMedia buttons to see the problem in IE.

Your thoughts would be appreciated.

Wow. I’m not sure how this could be possible. When I detect a click on the close button, I remove the entire player from the DOM. It doesn’t get more explicit than that in terms of stopping a movie. This sounds like a huge IE bug. The thing is, I’m not all that sure what else I could do to get the Flash player out of the page.

Walter

Thanks,

James Wages

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Feb 2012, 8:32 pm

It’s pretty clear that it is a bug exclusive to IE, Walter, but the problem I see is that it spans all versions of IE, from pathetic version 6 all the way to the current version 9.

Furthermore, if I click the close box BEFORE the video starts to play, it closes perfectly every single time in IE! It’s only when the video fully loads and then starts to Play that clicking the Close box only causes the “frame” around the video to vanish. How would this be explained?

—James W.

waltd

22 Feb 2012, 8:48 pm

Flash and other plug-in-based content (all platforms) cuts a hole right through the browser and replaces the browser content with its own playback mechanism. It seems that removing the parent element does not remove the plug-in children of that element from the screen in IE, which is why the movie remains and the border (the parent element) disappears. In looking at the Action, I suppose I could try issuing a Stop() command on the video, then delete it directly, then remove the outer frame element.

Please try this sample page in your IE browsers:

http://scripty.walterdavisstudio.com/sciborg.html

Walter

On Feb 22, 2012, at 4:32 PM, JDW wrote:

It’s pretty clear that it is a bug exclusive to IE, Walter, but the problem I see is that it spans all versions of IE, from pathetic version 6 all the way to the current version 9.

Furthermore, if I click the close box BEFORE the video starts to play, it closes perfectly every single time in IE! It’s only when the video fully loads and then starts to Play that clicking the Close box only causes the “frame” around the video to vanish. How would this be explained?

—James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 12:06 am

Walter, thank you for that modification. I tested that page in Chrome, Firefox, and Safari for Mac and Windows, and IE6 through IE9 on Windows. IE9 on Windows7 displays the video content AND closes it as perfectly as on the Mac, ditto for Firefox and Chrome on Windows too. However, IE6 and IE7 and IE8 won’t close the frame at all now, even if I click the close box very quickly after opening the content, and before the video even starts to play.

If it were only IE6 or IE7 that had this problem, I would not beat myself up about it. But IE8 is an important browser because it’s the last version that can run on WinXP. And there are still a lot of folks who use XP, especially here in Japan. So I need to support IE8.

One thing I noticed about IE6, IE7 and IE8 is that they all display the video frame and content a bit differently than IE9 or Firefox or Chrome or Safari. Specifically, in IE6/7/8m the horizontal scroll bar shows up, almost like the content is a bit too small to fit the frame. Perhaps that has nothing at all to do with this problem, but I wish to mention that tiny difference all the same.

All said, your fix works perfectly in IE9. But in IE6/7/8, the video content closes (and leaves a white box) but the “black frame” (including close box) freezes on-screen when you click the Close box, and you have to reload the page to get it off. (And while not important but I want to mention it anyway, in IE6 the Close box never displays at all. That was true even before your fix.)

Further thoughts would be appreciated.

Thank you!

James Wages

JDW

23 Feb 2012, 2:07 am

Walter,

I found this web page about a half hour ago:

http://wistia.com/blog/put-your-video-in-a-popover/

Click on the “Play the Video!” text link there to see the video hover over the existing page. This visually does what ScriptyLightBox2 does, with the except that I like your ScriptyLightBox2 better insofar as it merely pops-up content over the existing page without “whitening” the page.

Anyway, I tested that “wistia” video in every browser. It works perfectly in every browser, including IE6. Furthermore, it even displays the Close box in IE6, unlike ScriptyLightBox2. AND, it also displays a “shadow” in IE6 too, unlike ScriptyLightbox2.

Again, I am not so worried about IE6, but the point is that whatever code that “wistia” site uses, it works across all browsers on both the Mac and PC.

I would appreciate hearing your thoughts.

Thanks,

James W.

waltd

23 Feb 2012, 2:15 am

On Feb 22, 2012, at 10:07 PM, JDW wrote:

Walter,

I found this web page about a half hour ago:

http://wistia.com/blog/put-your-video-in-a-popover/

Click on the “Play the Video!” text link there to see the video hover over the existing page. This visually does what ScriptyLightBox2 does, with the except that I like your ScriptyLightBox2 better insofar as it merely pops-up content over the existing page without “whitening” the page.

Anyway, I tested that “wistia” video in every browser. It works perfectly in every browser, including IE6. Furthermore, it even displays the Close box in IE6, unlike ScriptyLightBox2. AND, it also displays a “shadow” in IE6 too, unlike ScriptyLightbox2.

Again, I am not so worried about IE6, but the point is that whatever code that “wistia” site uses, it works across all browsers on both the Mac and PC.

I would appreciate hearing your thoughts.

This is FancyBox, by Cabel Sasser. I’ll take a look at how he’s doing this. But one other thing that’s apparent to me — the content is HTML5 video, probably with a Flash fallback for older browsers. Can you try using Flash video in place of WMV, and see if there’s any difference?

Walter

Thanks,

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 2:23 am

To test a Flash video in place of the WMV, would an embedded link to a YouTube version of the video suffice?

James W.

waltd

23 Feb 2012, 2:24 am

Should work fine.

Walter

On Feb 22, 2012, at 10:23 PM, JDW wrote:

To test a Flash video in place of the WMV, would an embedded link to a YouTube version of the video suffice?

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

waltd

23 Feb 2012, 2:26 am

I’ve read through the entire source, and the only thing they are doing to clean up an iframe or embedded flash is to remove the surrounding element, just as normal SL2 does already. Same code (albeit it’s jQuery instead of Prototype).

Walter

On Feb 22, 2012, at 10:23 PM, JDW wrote:

To test a Flash video in place of the WMV, would an embedded link to a YouTube version of the video suffice?

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

waltd

23 Feb 2012, 2:29 am

Oh, and this is FancyBox, and Cabel wrote FancyZoom.

Walter

On Feb 22, 2012, at 10:26 PM, Walter Lee Davis wrote:

I’ve read through the entire source, and the only thing they are doing to clean up an iframe or embedded flash is to remove the surrounding element, just as normal SL2 does already. Same code (albeit it’s jQuery instead of Prototype).

Walter

On Feb 22, 2012, at 10:23 PM, JDW wrote:

To test a Flash video in place of the WMV, would an embedded link to a YouTube version of the video suffice?

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 2:40 am

Walter, here’s my page with the YouTube video (click the uppermost “QuickTime” play button):

http://kiramek.com/japanese/products/hv100.html

It works fine in all browsers, including IE6. In other words, I can clear it off the screen without problem. So this shows that having an embedded player fixes the problem. The fact that Windows is coughing up its own player in the case of the WMV and MOV files seems to be why the video won’t close in IE for some reason.

Even so, despite my use of the YouTube flash video, the little Close box still won’t display in IE6, despite the fact that the “wistia” video’s Close box (which looks the same as your Close Box) displays just fine.

—James W.

JDW

23 Feb 2012, 5:48 am

Well, rather than be forced to redesign my site around YouTube Flash videos, I would prefer to keep the WMV and MOV files I have right now “as is.” After about an hour of searching this afternoon, I found this site which shows off their implementations of FancyBox:

http://www.ltooz.com/fancybox131.html

Scroll down on that page and try the following two links:

JWplayer WMV (uses SilverLight player)

WMPlayer wmv (uses Windows Media Player)

Both work in all browsers, Windows and Mac, including IE6. And the Close Box shows up in IE6 too. When I click Close, the videos close. So what is different between their implementation and yours?

—James W.

waltd

23 Feb 2012, 2:02 pm

On Feb 23, 2012, at 1:47 AM, JDW wrote:

Well, rather than be forced to redesign my site around YouTube Flash videos, I would prefer to keep the WMV and MOV files I have right now “as is.” After about an hour of searching this afternoon, I found this site which shows off their implementations of FancyBox:

http://www.ltooz.com/fancybox131.html

Scroll down on that page and try the following two links:

JWplayer WMV (uses SilverLight player)

WMPlayer wmv (uses Windows Media Player)

Both work in all browsers, Windows and Mac, including IE6. And the Close Box shows up in IE6 too. When I click Close, the videos close. So what is different between their implementation and yours?

I don’t know at all what happens under the hood in jQuery when you call remove() on a DOM object. It is possible that it is doing something more elaborate (manually cleaning up nested elements within that object) that Prototype is not. I honestly don’t know why IE would allow child elements of a removed DOM element to hang around anyway, since removing the parent is like cutting down the tree — all the branches fall along with it. All I can see from reading the fancybox.js source code is that, exactly as in my implementation, the player box is given the shove with remove(). The very same code path is taken in all cases, regardless of the type of content. The primary difference is that the fancybox effect extends jQuery, so it’s jQuery.Element.remove() instead of Prototype.Element.remove(). And I can’t really do anything about that.

Walter

—James W.

Freeway user since 1997

http://www.walterdavisstudio.com

waltd

23 Feb 2012, 3:00 pm

One more thing, you may be able to use Freeway’s Flash Video Action, just get your movie encoded into FLV format and use that (with the Action to create a controller) directly instead of WMV format. Then you wouldn’t have to worry about anything except IE6 not showing the close button. (I suspect that is a CSS issue rather than anything more sinister. IE is notoriously dense when it comes to CSS layout. I would rather not dumb-down the layout to that level, as any work-around would be pretty hacky.)

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 8:17 pm

Walter, the main reason I create the dual-video setup on my site is because I once had QuickTime “MOV” files only and some Windows users complained they couldn’t see the videos and they didn’t want to install QuickTime. So I created WMV files for them and they were satisfied. But I retained the QuickTime files so iPad and iPhone users can also watch the videos too. Since Apple still stubbornly refuses to support Flash on iOS, and with the number of iOS viewers of our site continuing to grow, I need to give thought to supporting them too.

My dual-video solution gives me a bit more control than going to YouTube too. With YouTube, I have to accept YouTube branding. Plus, when the YouTube videos finish, the viewers see little thumbnails of unrelated videos popup and I don’t care to show that.

True, I could do the videos the “old way” and just Spawn a new window for the videos. But I like the ScriptyLightBox2 method of having the videos popup and hover over the existing page content. It looks more modern and very slick! But alas, I have the IE problems I’ve reported previously.

Therefore, what are your thoughts in light of this?

—James W.

waltd

23 Feb 2012, 8:31 pm

All I am suggesting here is for you to test whether FLV (replacing the WMV) will properly close on IEs of a “certain” age. You would still open it in a SL2 in-page popup. Take one of the WMV pages that you are currently linking to and duplicate it. Substitute a Freeway-generated Flash Video widget for the WMV player you are using and see what happens. If all goes well, you will have Windows-compatible video that will open and close in IE using SL2.

Walter

On Feb 23, 2012, at 4:17 PM, JDW wrote:

Walter, the main reason I create the dual-video setup on my site is because I once had QuickTime “MOV” files only and some Windows users complained they couldn’t see the videos and they didn’t want to install QuickTime. So I created WMV files for them and they were satisfied. But I retained the QuickTime files so iPad and iPhone users can also watch the videos too. Since Apple still stubbornly refuses to support Flash on iOS, and with the number of iOS viewers of our site continuing to grow, I need to give thought to supporting them too.

My dual-video solution gives me a bit more control than going to YouTube too. With YouTube, I have to accept YouTube branding. Plus, when the YouTube videos finish, the viewers see little thumbnails of unrelated videos popup and I don’t care to show that.

True, I could do the videos the “old way” and just Spawn a new window for the videos. But I like the ScriptyLightBox2 method of having the videos popup and hover over the existing page content. It looks more modern and very slick! But alas, I have the IE problems I’ve reported previously.

Therefore, what are your thoughts in light of this?

—James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 8:38 pm

I’ll give that a try when I get into the office in a couple hours, Walter. Thank you.

Mike Rancka

23 Feb 2012, 9:25 pm

FYI - Adobe has killed development of Flash for mobile platforms. Adobe is now backing HTML5.

http://www.wired.com/gadgetlab/2011/11/adobe-kills-mobile-flash/

http://www.usatoday.com/tech/news/story/2011-11-09/mark-smith-adobe- flash-mobile/51135466/1

Kind Regards,

Mike Rancka MacPro Solutions 8026A West Broad St. Richmond, VA 23294 804-497-8710 [email protected] www.macprosolutions.com

We’re here to help. Recipient of Apple’s Commitment To Excellence Award

On Feb 23, 2012, at 4:17 PM, JDW wrote:

Walter, the main reason I create the dual-video setup on my site is because I once had QuickTime “MOV” files only and some Windows users complained they couldn’t see the videos and they didn’t want to install QuickTime. So I created WMV files for them and they were satisfied. But I retained the QuickTime files so iPad and iPhone users can also watch the videos too. Since Apple still stubbornly refuses to support Flash on iOS, and with the number of iOS viewers of our site continuing to grow, I need to give thought to supporting them too.

My dual-video solution gives me a bit more control than going to YouTube too. With YouTube, I have to accept YouTube branding. Plus, when the YouTube videos finish, the viewers see little thumbnails of unrelated videos popup and I don’t care to show that.

True, I could do the videos the “old way” and just Spawn a new window for the videos. But I like the ScriptyLightBox2 method of having the videos popup and hover over the existing page content. It looks more modern and very slick! But alas, I have the IE problems I’ve reported previously.

Therefore, what are your thoughts in light of this?

—James W.

waltd

23 Feb 2012, 10:47 pm

I know. I’m talking about using it as a fallback for Windows IE only.

My current work is using the fantastic Sublime Player, which does HTML5 for everyone and falls back really gracefully to Flash for anyone who can’t view HTML5. They’ve done such a nice job of styling all of the players to look exactly alike. Free plan is badged, but subtly and it goes away when the movie starts playing. The next step up is $99 a year, which is a total deal because you get all sorts of metrics and you can have multiple sites on a plan, and SSL if you need it.

http://scripty.walterdavisstudio.com/sublime

Walter

On Feb 23, 2012, at 5:25 PM, Mike Rancka wrote:

FYI - Adobe has killed development of Flash for mobile platforms. Adobe is now backing HTML5.

http://www.wired.com/gadgetlab/2011/11/adobe-kills-mobile-flash/

http://www.usatoday.com/tech/news/story/2011-11-09/mark-smith-adobe-flash-mobile/51135466/1

Kind Regards,

Mike Rancka MacPro Solutions 8026A West Broad St. Richmond, VA 23294 804-497-8710 [email protected] www.macprosolutions.com

We’re here to help. Recipient of Apple’s Commitment To Excellence Award

On Feb 23, 2012, at 4:17 PM, JDW wrote:

Walter, the main reason I create the dual-video setup on my site is because I once had QuickTime “MOV” files only and some Windows users complained they couldn’t see the videos and they didn’t want to install QuickTime. So I created WMV files for them and they were satisfied. But I retained the QuickTime files so iPad and iPhone users can also watch the videos too. Since Apple still stubbornly refuses to support Flash on iOS, and with the number of iOS viewers of our site continuing to grow, I need to give thought to supporting them too.

My dual-video solution gives me a bit more control than going to YouTube too. With YouTube, I have to accept YouTube branding. Plus, when the YouTube videos finish, the viewers see little thumbnails of unrelated videos popup and I don’t care to show that.

True, I could do the videos the “old way” and just Spawn a new window for the videos. But I like the ScriptyLightBox2 method of having the videos popup and hover over the existing page content. It looks more modern and very slick! But alas, I have the IE problems I’ve reported previously.

Therefore, what are your thoughts in light of this?

—James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Feb 2012, 11:38 pm

Walter, I need some hand-holding here. I’ve long run from Flash like the plague so I am not sure what I need to do. What Action in Freeway do I need to use, and how do I use it?

Are you saying I should sketch an HTML box, then import an “SWF” video file into that box, then change the “Item Output Settings” tab in the Inspector (which presents Flash video specific controls)? Or are you also suggesting that I add the “Flash Extras” action to that HTML box too?

Please advise.

James W.

JDW

24 Feb 2012, 12:45 am

Still in need of some serious hand-holding, Walter. I used the following free online video conversion service to convert my existing MOV file to FLV:

http://www.zamzar.com/

The conversion worked, and double-clicking the FLV files in the Finder launches Adobe Media Player on my Mac, and I was able to verify that the FLV videos do indeed play fine.

However, when I imported the FLV into an HTML box in Freeway and then uploaded, I cannot open it at all in-browser on the Mac or in Windows. It says no Plugin. Windows wants me to download the file.

So I don’t know what’s going on or what to do when it comes to Flash video.

Please advise.

Thanks,

James W.

JDW

24 Feb 2012, 1:04 am

I’m getting ready to scream! I found Adobe Media Encoder on my iMac and so I proceeded to encode my existing MOV file to F4V format this time. The encode worked fine and the resulting video blows away the encode from that free online service I mentioned in my previous post. Even so, when I import that F4V file into an HTML box in Freeway and then upload, neither my Mac or Windows will recognize the video files in-browser. Windows tries to download it.

So if what you suggested to me is true, that I do in fact need an “FLV” or an “F4V” file, then clearly I need something else in Freeway other than a mere HTML box. You mentioned an Action, but I don’t know what that Action is. And a search on ActionsForge only yields FLV Player, which appears to be a part of Freeway’s core actions, but I don’t see how to use those actions. So I downloaded that Action and installed it, and it said it was already installed.

So I am pulling my hair out not knowing what to do. I look forward to hearing your advice.

Thanks,

James W.

JDW

24 Feb 2012, 1:38 am

Okay, I finally found some help here: http://www.softpress.com/kb/questions/195/Using+the+FLV+Player+Action

I got my Flash video to work in all browsers. AutoPlay in that Freeway action doesn’t work consistently across all browsers and performance stinks until high heaven, but I did check it in all Mac and Windows browsers and found that the “video close problem” in ScriptyLightBox2 is gone in this case.

So, Walter, this gives you the answer you wanted, which was that when Flash video is used, closing the video works. But when WMV is used (and Windows Media Player is loaded in the browser), then closing the video only closes the frame around the video rather than closing the video itself.

Best,

James W.

waltd

24 Feb 2012, 2:53 am

Sorry I wasn’t around to help, I was out picking up my middle girl from her sports practice. Glad you got it to work, and I’m sure Microsoft will get around to fixing this some day before the heat death of the universe.

Walter

On Feb 23, 2012, at 9:38 PM, JDW wrote:

Okay, I finally found some help here: http://www.softpress.com/kb/questions/195/Using+the+FLV+Player+Action

I got my Flash video to work in all browsers. AutoPlay in that Freeway action doesn’t work consistently across all browsers and performance stinks until high heaven, but I did check it in all Mac and Windows browsers and found that the “video close problem” in ScriptyLightBox2 is gone in this case.

So, Walter, this gives you the answer you wanted, which was that when Flash video is used, closing the video works. But when WMV is used (and Windows Media Player is loaded in the browser), then closing the video only closes the frame around the video rather than closing the video itself.

Best,

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

24 Feb 2012, 5:43 am

When do we get your Sublime player in Action form, Walter? And will it play nicely with ScriptyLightBox2?

—James W.

JDW

20 Mar 2012, 1:42 pm

I recently bought a new iPad3 and have been testing our websites with the iOS version of Safari. I found a strange thing on all pages where I displayed MP3 audio files via ScriptyLightBox2. For example, the following page:

http://visionsecurity.jp/en/sirens/index.html

Click on the sirens and you will see ScriptyLightBox2 open the audio content in a popover. Works fine on all Mac and Windows browsers. And although the popover and spinning spike wheel appear in Safari for iPad, only a speak icon appears. You then have to click on that speak icon, and the audio will start to play, but there is no slider or pause/stop buttons. Interestingly though, if I double-tap on the iPad (which zooms in on the screen) then the slider and stop/pause buttons will appear.

Is this a bug in the iOS version of Safari, or would it have something to do with the code ScriptyLightBox2 code?

Thanks.

waltd

20 Mar 2012, 2:19 pm

I’m inclined to say it’s unique to MobileSafari. The Action just creates an iframe to hold the content page. If that same linked content page:

http://visionsecurity.jp/jp/sirens/sounds/MS-80-1.html

appears correctly at any size in the iPad3 browser, then the issue is only with viewing that page through the iframe.

Walter

On Mar 20, 2012, at 9:42 AM, JDW wrote:

I recently bought a new iPad3 and have been testing our websites with the iOS version of Safari. I found a strange thing on all pages where I displayed MP3 audio files via ScriptyLightBox2. For example, the following page:

http://visionsecurity.jp/en/sirens/index.html

Click on the sirens and you will see ScriptyLightBox2 open the audio content in a popover. Works fine on all Mac and Windows browsers. And although the popover and spinning spike wheel appear in Safari for iPad, only a speak icon appears. You then have to click on that speak icon, and the audio will start to play, but there is no slider or pause/stop buttons. Interestingly though, if I double-tap on the iPad (which zooms in on the screen) then the slider and stop/pause buttons will appear.

Is this a bug in the iOS version of Safari, or would it have something to do with the code ScriptyLightBox2 code?

Thanks.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

20 Mar 2012, 9:41 pm

Yes, the popover “frame” that ScriptyLightBox2 creates in the browser appears immediately and without problem in Safari for iPad. It’s only the “audio content within that frame” that is glitchy. And that’s also why I’ve been searching for a better, alternative audio player, which you can read about in my talk with Tim Plumb here: http://freewaytalk.net/thread/view/75730#m_102537

—James Wages

JDW

21 Mar 2012, 12:17 am

Dad blast it! I accidentally clicked the Unsubscribe link. This post is to resubscribe.

JDW

22 Mar 2012, 1:02 am

Walter, I’m going through my sites slowly obliterating all instances where I once “spawned new windows” and replacing them with ScriptyLightBox2. But the problem I discovered today pertains to locations where I’ve used the “Text Link to New Window” action. I don’t see how to use the ScriptyLightBox2 action to accomplish this.

Simply put, I want to create a text link that, when clicked, will open pop-over content. How can I accomplish this? (Or would it require a modified version of the ScriptyLightBox2 action itself?)

Thanks,

James W.

waltd

22 Mar 2012, 1:14 am

Yes, the easiest thing would be to add a text version to the Action. Unlike the ScriptyLightbox, there’s no hidden classname trick you can use to make it work with a text link. I mean, yes, you could make an instance of SL off the screen above the top of the page, publish it, copy the link from that instance and manually apply it to a second link on the same page that you create out of text — but even you are not that patient.

Walter

On Mar 21, 2012, at 9:02 PM, JDW wrote:

Walter, I’m going through my sites slowly obliterating all instances where I once “spawned new windows” and replacing them with ScriptyLightBox2. But the problem I discovered today pertains to locations where I’ve used the “Text Link to New Window” action. I don’t see how to use the ScriptyLightBox2 action to accomplish this.

Simply put, I want to create a text link that, when clicked, will open pop-over content. How can I accomplish this? (Or would it require a modified version of the ScriptyLightBox2 action itself?)

Thanks,

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Mar 2012, 1:26 am

In that case, Walter, I patiently await the coming of the new-and-improved ScriptyLightbox2! :-)

waltd

22 Mar 2012, 1:41 am

Q: What are the two most powerful tools in software development?

A: Copy and Paste.

http://actionsforge.com/actions/view/215-scriptylightbox2

Version 0.7, fresh off the presses.

Walter

On Mar 21, 2012, at 9:26 PM, JDW wrote:

In that case, Walter, I patiently await the coming of the new-and-improved ScriptyLightbox2! :-)

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Mar 2012, 2:04 am

Wow! That was fast! Thank you.

I’ve just installed the Action. And to avoid the mistakes of the past, I did not double-click to install it. I manually threw out the previous version and placed the new version in myself. I then restarted Freeway for good measure. I see version 0.7 in the bottom right of the Actions palette.

However, the interface looks the same as before. Did you add something new? I’m not seeing what I need to do with this new version.

I even sketched an HTML box, typed text inside, selected the text, then applied the ScriptyLightbox2 action to it, but of course there is no link on the text when I Preview.

In an earlier post you mentioned a “trick” about putting an instance of it outside the page. The reason that is not so nice is because I have several text links on the same page that I want to apply Scriptylightbox too. It would be much easier to apply the Scriptylightbox2 action to the individual text instances “on the page itself.”

waltd

22 Mar 2012, 3:36 am

There’s an insert version in the same Action file. Place your text cursor where you want the link to appear, then choose Insert / Action Item / ScriptyLightbox2 from the main menu. There’s a new field for the link text, and it will basically work like the text form of Spawn New Window.

Walter

On Mar 21, 2012, at 10:04 PM, JDW wrote:

Wow! That was fast! Thank you.

I’ve just installed the Action. And to avoid the mistakes of the past, I did not double-click to install it. I manually threw out the previous version and placed the new version in myself. I then restarted Freeway for good measure. I see version 0.7 in the bottom right of the Actions palette.

However, the interface looks the same as before. Did you add something new? I’m not seeing what I need to do with this new version.

I even sketched an HTML box, typed text inside, selected the text, then applied the ScriptyLightbox2 action to it, but of course there is no link on the text when I Preview.

In an earlier post you mentioned a “trick” about putting an instance of it outside the page. The reason that is not so nice is because I have several text links on the same page that I want to apply Scriptylightbox too. It would be much easier to apply the Scriptylightbox2 action to the individual text instances “on the page itself.”

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Mar 2012, 4:16 am

Walter, I’ve downloaded that “22 Mar, 2012” version 0.7 action several times. I’ve restarted Freeway. And I’ve confirmed the version number in the Action’s palette. I also sketched an HTML box, inserted my cursor, then choose Insert > Actions > ScriptyLightbox2. But there is no “new field” in the Actions palette. And any text I type in that same HTML box does not magically become a link. Nothing is “inserted” inside that HTML box at all. Instead, the ScriptyLightbox2 Action is merely applied to the HTML box itself.

What’s going on?

JDW

22 Mar 2012, 4:37 am

Okay, I figured it out:

• You CANNOT use the Insert menu.

• You CANNOT use the Actions palette.

• You MUST click on the “Action” icon in the window toolbar to insert it.

I confirmed it works well.

Thanks for the Copy/Paste Software Development, Walter!

waltd

22 Mar 2012, 12:16 pm

On Mar 22, 2012, at 12:37 AM, JDW wrote:

Okay, I figured it out:

• You CANNOT use the Insert menu.

That’s how I made my test document as I was adding this feature.

• You CANNOT use the Actions palette.

I never try this, I’ve got muscle memory for the Insert menu.

• You MUST click on the “Action” icon in the window toolbar to insert it.

That would let you draw an instance of it on the page — are you doing that? I never imagined anyone would do that with a text Action, since you then have no control over the font etc. except by hacking the global page style. The only way I have ever used these sorts of text Actions is with a flashing text cursor and the Insert menu.

Walter

I confirmed it works well.

Thanks for the Copy/Paste Software Development, Walter!

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Mar 2012, 12:50 pm

Walter, I wanted to insert it in a Table cell. It didn’t work on that. So I sketched an instance of it on the page, copied, then pasted inside the table cell. I then put a space before and after the text to format it.

It would be best if I could insert it directly in the table cell, as you say is possible, and then pick up text styling without having to put a space before and after, but I wasn’t able to do that.

I’ll give it another go tomorrow when I get into the office. But for now, you can see my “copy/paste” version here (in the Relays section):

http://visionsecurity.jp/en/download.html

waltd

22 Mar 2012, 12:56 pm

Was this a drawn table, or the Freeway layout table?

Walter

On Mar 22, 2012, at 8:49 AM, JDW wrote:

Walter, I wanted to insert it in a Table cell. It didn’t work on that. So I sketched an instance of it on the page, copied, then pasted inside the table cell. I then put a space before and after the text to format it.

It would be best if I could insert it directly in the table cell, as you say is possible, and then pick up text styling without having to put a space before and after, but I wasn’t able to do that.

I’ll give it another go tomorrow when I get into the office. But for now, you can see my “copy/paste” version here (in the Relays section):

http://visionsecurity.jp/en/download.html

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

22 Mar 2012, 12:57 pm

Each is a separate table that I drew myself.

waltd

22 Mar 2012, 12:59 pm

I just tried both — both worked exactly as expected.

  1. Double-click into the recipient table cell so you see a flashing text cursor.
  2. From the main menu, choose Insert / Action Item / ScriptyLightbox2
  3. Configure as usual in the Actions palette.

Walter

On Mar 22, 2012, at 8:55 AM, Walter Lee Davis wrote:

Was this a drawn table, or the Freeway layout table?

Walter

On Mar 22, 2012, at 8:49 AM, JDW wrote:

Walter, I wanted to insert it in a Table cell. It didn’t work on that. So I sketched an instance of it on the page, copied, then pasted inside the table cell. I then put a space before and after the text to format it.

It would be best if I could insert it directly in the table cell, as you say is possible, and then pick up text styling without having to put a space before and after, but I wasn’t able to do that.

I’ll give it another go tomorrow when I get into the office. But for now, you can see my “copy/paste” version here (in the Relays section):

http://visionsecurity.jp/en/download.html

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

22 Mar 2012, 11:51 pm

Just tried this too

While I have no problem inserting the action in a run of text I cannot get an external page link to popup. Internal ones are fine as are images.

David

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

waltd

23 Mar 2012, 2:34 am

The external page has to be a link to a page, not a folder. Add index.html to the end of the URL and see if it loads then.

Walter

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Mar 2012, 2:46 am

It’s working now. I screwed up. I was using the “INSERT” command of the “ITEM” menu yesterday!

There are so many places to add an Action in Freeway, it screws with one’s mind! :-)

I’m also pleased to see that not only can I insert it in a table cell, but to format the text I merely need to click in the cell, Select All, then apply my Style — no leading or trailing space required anymore. Curious. Is this something unique to your Action, or has Freeway changed in this regard? Because like I said, for years I’ve had to place a leading and trailing space around Action items in order to get the text links to be style properly. It’s nice I don’t need to do that with your Action.

Thanks again, Walter!

—James Wages

waltd

23 Mar 2012, 2:49 am

I wish I could take credit for this, but as far as I know, it’s nothing special I have done. Try adding a Link to File instance in another cell and see if it gets the same royal treatment.

Walter

On Mar 22, 2012, at 10:46 PM, JDW wrote:

for years I’ve had to place a leading and trailing space around Action items in order to get the text links to be style properly. It’s nice I don’t need to do that with your Action.

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

23 Mar 2012, 5:23 pm

The external page has to be a link to a page, not a folder

Thanks for clarifying that. Can you explain why it doesn’t work unless you target a specific page.

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

waltd

23 Mar 2012, 5:41 pm

I use a fairly naive regular expression to decide what to do with a given link. I would have to do some more head-scratching to permit a site link (which can, albeit incorrectly, end in .com|org|net|whatever rather than /) as another trigger for the iframe.

Walter

On Mar 23, 2012, at 1:23 PM, DeltaDave wrote:

The external page has to be a link to a page, not a folder

Thanks for clarifying that. Can you explain why it doesn’t work unless you target a specific page.

D

Freeway user since 1997

http://www.walterdavisstudio.com

DeltaDave

23 Mar 2012, 5:52 pm

I would have to do some more head-scratching to permit a site link

It is not really necessary now that I am aware of the issue - might be worth mentioning in the action blurb though.

D

Glasgow, Scotland

iMac 27 5K El Cap and Pro Final

JDW

25 Apr 2012, 8:12 am

Walter, I’ve got another ScriptyLightBox2 question for you.

Today, I was given the task of putting up popup-overlay content on a page in our site. The content should appear when the page opens, each and every time the page opens or is reloaded. I wanted to do that with ScriptyLightBox2, but doesn’t have that feature (nor will it allow me to apply the action to the page itself). So I had to turn to the aid of “Timed Spawn New Window.” It offers a “Delay in seconds” field that, when set to zero, will immediately show the popover content when the page loads.

You can see what I am talking about here: http://kiramek.com/

The problem is that I already have a ScriptyLightBox2 action applied to the page, inside my CSS Menus navigation bar, and there appears to be a conflict between the code of the two actions, which only surfaces in IE9 for Windows7. More specifically, after you load the page, the popover appears, then you click the close box, and then you click on the button just to the left of the “ENGLISH” button. That is supposed to display the content in a popover, hoving above the existing page. It works fine in all Mac browsers and even in IE8 on WinXP. But in IE9 on Windows7, the content of that popup is broken out into a brand new page. I want the content to be displayed in a popover hoving over the existing page. It should not dump the content into a new page.

I would appreciate your thoughts on how this could be solved.

Many thanks,

James Wages

JDW

25 Apr 2012, 8:43 am

Found the problem. Paul Dunning’s action is adding this to the page code:

<script src="prototype1610packer.js" type="text/javascript">
</script>

I used TextWrangler to delete it, and now IE9 is working fine. I’ve written to Paul offlist to see about having his Timed Spawn New Window action updated.

—James W.

JDW

26 Apr 2012, 2:39 am

To follow-up on my previous post…

Paul Dunning updated his Spawn New Window action suite to resolve the old Prototype version issue with IE9. You can download the suite for free here:

http://www.actionsworld.com/Actions/SpawnNewWindow/index.php

And again, since ScriptyLightBox2 lacks a “timed” function, you will need to use Paul’s “Timed SNW” action (vers. 4.3 as of this writing) if you want to generate popover content immediately after a page loads.

—James Wages

Paul

26 Apr 2012, 8:13 am

It was updated in January when the mass Scripty Update was pushed through in Freeway.

All the best,

Paul

My Actions Site: http://www.actionsworld.com

Actions for Galleries, decorating that text box and many more!

joseph

14 Dec 2012, 6:50 pm

After a long hiatus, I’m back with another question.

I’m trying to post long, thin samples using ScriptyLightBox2 on my site. (Because I use it everywhere else on the site.)

Trouble is, since the action shrinks the entire sample to fit the window, the text in the sample is too small to read.

Is it possible to force the window’s width & height and have a scroll bar appear for navigating up and down within the box.

Thanks,

Joseph

JDW

23 Jan 2013, 1:49 am

ScriptyLightBox3 is out as of yesterday:

http://actionsforge.com/actions/view/288-scriptylightbox3

Unfortunately, the code is totally different from ScriptyLightBox2, and because of that, I can no longer hack the code to fix the graphic resizing problem. It’s frustrating.

To read more about what I mean, search for “hack” on this web page and you will find my earlier post on that subject. (Dang! I really wish I could direct link to individual posts on FreewayTalk!)

More to the point, I need to beg for either one of following two things:

1) Hand-holding on how to hack the code of ScriptyLightBox3 to achieve what I was able to do by hacking ScriptyLightBox2.

2) Give us the power to change the resize trigger within the Actions palette so that no code hacks are necessary.

I want (2) the most because right now I am forced to hack every new version of ScriptyLightBox2 that comes out. I really dislike that. So it’s better to empower us with options in the Actions palette.

Again, search this page for “hack” to find my earlier post on what I am talking about.

Thank you,

James Wages

waltd

23 Jan 2013, 2:11 am

Actually, the only changes to the Action are to externalize all of the JavaScript and CSS code and to make the dimension setting and getting more forward-thinking. The part that you have lovingly adjusted in the past is here:

http://cdn.freewaypro.com/scripty_lightbox_3/0.1.2/scripty_lightbox_3.js

I’m staring at this, trying to see where I could stash your variable that the script could read it. I suppose it could go in the data-attributes, like I’m doing currently with the radius and background color.

If you want to hack the script, you could create your own version of the JavaScript, put it on your server, and then adjust the paths in the Action that refer to my CDN server to point to yours instead. I’ll keep thinking about how to make this adjustable in the interface, though.

Walter

On Jan 22, 2013, at 9:48 PM, JDW wrote:

Unfortunately, the code is totally different from ScriptyLightBox2, and because of that, I can no longer hack the code to fix the graphic resizing problem. It’s frustrating.

Freeway user since 1997

http://www.walterdavisstudio.com

JDW

23 Jan 2013, 2:27 am

Hi Walter,

Having adjustable settings in the Action’s palette interface is of course better than hacking the code, mainly because it would free me from having to hack each and every new version of SL3 that comes out.

Of course, there is still a downside for putting that *.js file on my server. I would need to check every now and then if there is a new version, and if there is, I would then need to copy that file to my server.

But the point I was making earlier in this thread remains. The existing script is too sensitive when it comes to browser window width and object resizing. I don’t want objects resized until the very edges of the browser window almost run right up against the object itself. That’s precisely what my “hack” does to the SL2 code.

Thanks,

James W.

waltd

23 Jan 2013, 3:23 am

Adjust away. (version 0.2 just released) Be careful up near the higher end of this scale, because the close button can end up above the frame, and you can barely click it to close the window.

Walter

On Jan 22, 2013, at 10:26 PM, JDW wrote:

Hi Walter,

Having adjustable settings in the Action’s palette interface is of course better than hacking the code, mainly because it would free me from having to hack each and every new version of SL3 that comes out.

Of course, there is still a downside for putting that *.js file on my server. I would need to check every now and then if there is a new version, and if there is, I would then need to copy that file to my server.

But the point I was making earlier in this thread remains. The existing script is too sensitive when it comes to browser window width and object resizing. I don’t want objects resized until the very edges of the browser window almost run right up against the object itself. That’s precisely what my “hack” does to the SL2 code.

Thanks,

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

1 Feb 2019, 9:45 pm

After a looong hiatus, I am back again. Now working with Freeway Pro 7.1.4 and using ScriptyLightbox3 to show JPEGs and MP4s in a modal window.

Problem is, the videos won’t play. I’m pretty much stumped. They won’t play in Freeway’s preview panel and the only browser they’ll preview in is a legacy version of Google Chrome (71.0.3578.98).

Thanks in advance for any help and insight you can provide,

Joseph

JDW

2 Feb 2019, 12:13 am

A 7-year hiatus is indeed a long one. :-) Thankfully, this site still exists, as does Freeway and many of us who still love it.

Since you are focused on videos, may I ask why not just put them on your webpage line, rather than use ScriptyLightbox?

Here’s an example page from my Freeway-built website that shows inline videos hosted on YouTube (scroll down on that page to see them):

https://visionsecurity.jp/jp/systems/1480.html

James W.

waltd

2 Feb 2019, 12:36 am

I had a look at the code, and the Action assumes you want to use the QuickTime plug-in to view video content. I’ll have to fix that when I get a chance. In the meantime, here’s a work-around.

For each video you want to play, make a new small page, the same size as the video. Draw an HTML box at the top-left corner of the page, drag the video into it from the Finder, or use File / Import (Command-E) to insert it in the box, and then drag the corner of the box so it fits perfectly.

Now, back on the page where you want the video to appear in the lightbox, click the thumbnail image that you’ve applied the Action to, and check the “Use Page/URL as Target” option. In the Page/URL picker, choose the page you just made.

This will work, because Freeway knows how to make a <video> tag for an MP4, and the lightbox will make the effect happen. You won’t be able to auto-start the video, and you will have to do some fiddling with the width and height to get it to match your video exactly.

Walter

On Feb 1, 2019, at 7:13 PM, JDW <[email protected]> wrote:

A 7-year hiatus is indeed a long one. :-) Thankfully, this site still exists, as does Freeway and many of us who still love it.

Since you are focused on videos, may I ask why not just put them on your webpage line, rather than use ScriptyLightbox?

Here’s an example page from my Freeway-built website that shows inline videos hosted on YouTube (scroll down on that page to see them):

https://visionsecurity.jp/jp/systems/1480.html

James W.

Freeway user since 1997

http://www.walterdavisstudio.com

joseph

2 Feb 2019, 12:55 am

Thanks Walter. Let me know when you’ve sorted out the code. In the meantime, that sounds like a perfect fix. J

waltd

2 Feb 2019, 2:52 am

Okay, it was relatively simple to fix. Give it a try: http://actionsforge.com/actions/scriptylightbox3

Walter

On Feb 1, 2019, at 7:55 PM, joseph <[email protected]> wrote:

Thanks Walter. Let me know when you’ve sorted out the code. In the meantime, that sounds like a perfect fix. J

Freeway user since 1997

http://www.walterdavisstudio.com

Back to Top

joseph

2 Feb 2019, 3:50 am

Works like a charm. Thank you so much

On 2 Feb 2019, 2:52 am, waltd wrote:

Okay, it was relatively simple to fix. Give it a try: http://actionsforge.com/actions/scriptylightbox3

Walter

On Feb 1, 2019, at 7:55 PM, joseph