How to close "Pic in New Window"

Freeway
1

Hi, does anyone know a good way to close a “Pic in New Window”? This is a very useful action that I use in most sites I build. But some visitors complain that it’s not obvious how to close a picture window once it’s open.

Is there a way to add a close button to the window using this action? If not, is there a way the action could be modified?

Thanks, Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

What about doing it this way. http://www.deltadesign.co/fw_examples/fwactions/caption.html

Rollover on the image triggering a Target Show/Hide Layer with the Close Window action.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Dave, thanks for your input. I do use Target Show/Hide Action and find it useful in some situations. But what I really want to do is put an “X” in the upper corner of the pop-up window - so it will be obvious to user how to close the window.

I hate giving up on using “Pic in New Window”. It really is useful - except for lack of close feature. I suspect I can do what I need with Lightbox or HTML5 gadget. But that will change the look and feel. It may not be as backwards compatible as “Pic in New Window”. Not everybody has an iPad or HTML5 browser yet.

Any thoughts on how difficult it would be to modify the “Pic in New Window” to do what I want?

  • Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Can you post a link to a page showing your use of the Action, so I can see what HTML+CSS “hooks” there are to hang a close box on? There’s a simple way to make a close box in CSS, without altering any of the HTML, so you would just need to add a style to your page. But it depends on how that element is constructed how we would signal to the page where to place that box.

Walter

On Jul 10, 2013, at 11:36 PM, Craig wrote:

Dave, thanks for your input. I do use Target Show/Hide Action and find it useful in some situations. But what I really want to do is put an “X” in the upper corner of the pop-up window - so it will be obvious to user how to close the window.

I hate giving up on using “Pic in New Window”. It really is useful - except for lack of close feature. I suspect I can do what I need with Lightbox or HTML5 gadget. But that will change the look and feel. It may not be as backwards compatible as “Pic in New Window”. Not everybody has an iPad or HTML5 browser yet.

Any thoughts on how difficult it would be to modify the “Pic in New Window” to do what I want?

  • Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Walter,

Here is the page with 6 photos in lower left corner.

http://www.hcifitness.com/lifestep-main.html

  • Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

Oh, I misunderstood what Action you are using here. It won’t be possible to add a close button to this construction, because you’re not loading a new page, just an image in a sized “daughter” window. If you were to create a separate HTML page for each of these popups, and place each image in the top-left corner, and replace Pic in New Window with Link to New Window, you could make the popped-up window close itself with a click by simply adding a link to your “close button” or the entire big image with the following URL:

javascript:window.close()

Add that link in the External tab of the Hyperlink dialog. It will only work if the page was opened by JavaScript, so you can’t use this construction on the page itself, only on these “daughter” windows.

Walter

On Jul 11, 2013, at 12:32 PM, Craig wrote:

Walter,

Here is the page with 6 photos in lower left corner.

http://www.hcifitness.com/lifestep-main.html

  • Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Thank you Walter.

  • Craig

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options