# \[Pro\] ScriptyLightbox 2 Issue

**URL:** https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397
**Category:** Freeway
**Created:** [June 13, 2012, 11:06am UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397 "2012-06-13T11:06:18Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Sebastian\_Crewe-Tur1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Sebastian\_Crewe-Tur1](https://discourse.softpress.com/u/Sebastian_Crewe-Tur1)
#### Post date: [June 13, 2012, 11:06am UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/1 "2012-06-13T11:06:18Z")

</div>

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

🙂

* * *

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

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [June 13, 2012, 1:11pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/2 "2012-06-13T13:11:25Z")

</div>

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
> 
> 🙂
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

### Author: ![Sebastian\_Crewe-Tur1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Sebastian\_Crewe-Tur1](https://discourse.softpress.com/u/Sebastian_Crewe-Tur1)
#### Post date: [June 13, 2012, 3:32pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/3 "2012-06-13T15:32:30Z")

</div>

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](http://sct-photography.co.uk/phoenix/form.html?width=500&height=980)

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [June 13, 2012, 3:40pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/4 "2012-06-13T15:40:33Z")

</div>

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](http://sct-photography.co.uk/phoenix/form.html?width=500&height=980)
> 
> 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](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

### Author: ![Sebastian\_Crewe-Tur1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Sebastian\_Crewe-Tur1](https://discourse.softpress.com/u/Sebastian_Crewe-Tur1)
#### Post date: [June 13, 2012, 3:44pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/5 "2012-06-13T15:44:10Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![Sebastian\_Crewe-Tur1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Sebastian\_Crewe-Tur1](https://discourse.softpress.com/u/Sebastian_Crewe-Tur1)
#### Post date: [June 13, 2012, 3:45pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/6 "2012-06-13T15:45:35Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [June 13, 2012, 4:00pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/7 "2012-06-13T16:00:01Z")

</div>

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:

```auto
$('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:

```auto
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](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

### Author: ![Sebastian\_Crewe-Tur1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/3be4f8/32.png) [@Sebastian\_Crewe-Tur1](https://discourse.softpress.com/u/Sebastian_Crewe-Tur1)
#### Post date: [June 13, 2012, 4:10pm UTC](https://discourse.softpress.com/t/pro-scriptylightbox-2-issue/14397/8 "2012-06-13T16:10:12Z")

</div>

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](http://freewaytalk.net/person/options)
