[Pro] ScriptyLightbox 2 Issue

Hi all,

I am trying to create an online booking enquiry form for a site and want it to appear in a lightbox upon clicking the link/graphic.

I have applied the action to the ‘Make an Enquiry’ button, however it simple links to the page as a normal link. I can get it to work on a brand new page however.

Secondly, when the scriptylightbox action is applied to the graphic, it stops all the rollovers on that page from working?

Here is the link to the page: www.sct-photography(.co.uk)/phoenix/phoenixbrewery.html

Thanks in advance!

Seb

:slight_smile:


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

You have jQuery and Prototype in the same page. Not only is this a huge duplication of code, it also conflicts at a basic level, so nothing Prototype-based will ever work on that page. The culprit is your very nice image carousel. You might want to investigate using the ScriptyCarousel, which will not inject jQuery into the page, in place of that.

Walter

On Jun 13, 2012, at 7:06 AM, Sebastian Crewe-Turrell wrote:

Hi all,

I am trying to create an online booking enquiry form for a site and want it to appear in a lightbox upon clicking the link/graphic.

I have applied the action to the ‘Make an Enquiry’ button, however it simple links to the page as a normal link. I can get it to work on a brand new page however.

Secondly, when the scriptylightbox action is applied to the graphic, it stops all the rollovers on that page from working?

Here is the link to the page: www.sct-photography(.co.uk)/phoenix/phoenixbrewery.html

Thanks in advance!

Seb

:slight_smile:


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

Hi Walter,

Thanks very much for the quick response and the suggestion.

I am trying to keep the carousel as is at the moment (will change at last resort) and am now trying to implement a Jquery lightbox which should do the trick.

Basically, to link the lightbox i’m using the following code: Open Lightbox

This opens the lightbox with the form in as intended but I am stuck on how I can implement this to my existing rollover graphic in freeway?

Seb


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

You can apply a class to a link using the Extended button in the Hyperlink dialog, and you can enter such an extended (querystring) link in the Hyperlink dialog’s External tab.

Walter

On Jun 13, 2012, at 11:32 AM, Sebastian Crewe-Turrell wrote:

Hi Walter,

Thanks very much for the quick response and the suggestion.

I am trying to keep the carousel as is at the moment (will change at last resort) and am now trying to implement a Jquery lightbox which should do the trick.

Basically, to link the lightbox i’m using the following code: Open Lightbox

This opens the lightbox with the form in as intended but I am stuck on how I can implement this to my existing rollover graphic in freeway?

Seb


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

Scrap that. Just figured it out.

But there’s more I’m afraid…

how can I add a button onto the page within the iframe which will close the iframe?

Seb


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

Oops. Sorry posted at the same time as your response…

Thanks for the info though.

New question in my previous post.

Seb


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

I don’t think you can, not directly. The iframe is its own sandbox, and the document shown inside it doesn’t have permission to do anything with the parent page. You could try something like this, which I sincerely doubt will work, but do try it anyway.

Apply Protaculous to the iframe page. Set the library to prototype-packed. In the top Function Body editor, paste in the following:

$('button').observe('click', function(){
	parent.fire('close:iframe');
});

Then, on the page that holds the iframe, also apply Protaculous with prototype-packed, and add this function:

document.observe('close:iframe', function(){
	$$('iframe').first().hide();
});

I’m still not sure if the JavaScript policies will allow this – it definitely will not work unless both pages are served from the exact same domain – so give it a try and let me know if it works.

Walter

On Jun 13, 2012, at 11:44 AM, Sebastian Crewe-Turrell wrote:

Scrap that. Just figured it out.

But there’s more I’m afraid…

how can I add a button onto the page within the iframe which will close the iframe?

Seb


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

Hi,

Unfortunately it’s not working for me. Thanks anyway, I was hopeful for this trick to work!

Just having a think…

Seb


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