ScriptyLightbox and html content

A colleague of mine is having problems with implementing ScriptyLightbox. He wants yo get it to show already formatted html in the lightbox when a link is clicked. He can get it to work, aoart from the CSS styling applied to the html content does not work. To quote:

"ScriptyLightbox Action is adhered to a mouseover link from a main standard html page. This mouseover is linked to a standard html page which includes a jpg image and some CSS formatted text with a mailto: link also formatted with the "inspector menu - page links (CSS)).

When the Lightbox is activated upon clicking the image mouse over link it does the following:

• ignores the CSS formatting for type
• it ignores the HTML page background colour and
• it adds extra uneven page margins in white even when you adhere the colour to the layer instead of the html page background
• it doesn’t display the jpg image, a missing file ? appears in it’s place
• links revert to the standard blue colour

When this linked page is viewed directly it appears as intended."

Link to the page affected:
http://saltendchemicalspark.co.uk/archivevisual.html


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

ScriptyLightbox has two different methods of dealing with HTML
content. First, if the content is on another server than your own, it
will create an iframe to host that foreign content. No further
modification of that foreign page is required (or usually possible).
But if the content is on your own server, it will create an inline DIV
to hold it, and it requires that you strip all of the HEAD and
BODY and HTML tags off of that page you’re going to include, creating
what’s known as an HTML “fragment” or “partial”.

The easiest method to strip off the outer code-parts of a page in
Freeway is to use the PHP Make Insert Page Action (available at
ActionsForge). Despite the name, your page does not have to be in PHP
in order to use this Action. It offers an option to retain the script
tag blocks from the HEAD of the page when it operates, which will fix
part of your remaining issue.

To get the styles to work again, simply change your Site Preferences
to Use External Stylesheets = ON. That will make all of your styles
from every page available on every page, rather than only including
the styles needed by the current page. It may appear as if this is
wasteful, but once this stylesheet is downloaded the first time, the
browser will cache it, thus speeding up every subsequent page load.

Walter

On Jan 13, 2011, at 5:12 AM, Ian Halstead wrote:

A colleague of mine is having problems with implementing
ScriptyLightbox. He wants yo get it to show already formatted html
in the lightbox when a link is clicked. He can get it to work, aoart
from the CSS styling applied to the html content does not work. To
quote:

"ScriptyLightbox Action is adhered to a mouseover link from a main
standard html page. This mouseover is linked to a standard html page
which includes a jpg image and some CSS formatted text with a
mailto: link also formatted with the "inspector menu - page links
(CSS)).

When the Lightbox is activated upon clicking the image mouse over
link it does the following:

• ignores the CSS formatting for type
• it ignores the HTML page background colour and
• it adds extra uneven page margins in white even when you adhere
the colour to the layer instead of the html page background
• it doesn’t display the jpg image, a missing file ? appears in it’s
place
• links revert to the standard blue colour

When this linked page is viewed directly it appears as intended."

Link to the page affected:
http://saltendchemicalspark.co.uk/archivevisual.html


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

Can you explain a bit more about this - the link above takes me to the archive page where images and text are linked to Flash content.

Is it this page that you are trying to display in the ScriptyLightbox and if so where is the page with the SL on it?

D


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

Dave - yes I should have been more explicit. It’s the contact ‘mugshots’ at the base of the page that my colleague Drew is referring to. His comments reflect the way the lightbox pane acts when a contact mugshot is clicked. So the link I provided refers to the page calling the ScriptyLighbox action. I’ll get separate direct links to all the target pages if you require them.

Walt - thanks very much indeed, that gives us some good indicators as to how to solve this.

On 13 Jan 2011, 3:18 pm, DeltaDave wrote:

Can you explain a bit more about this - the link above takes me to the archive page where images and text are linked to Flash content.

Is it this page that you are trying to display in the ScriptyLightbox and if so where is the page with the SL on it?

D


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

There is a missing image for starters ‘businesswomanmon.jpeg’ plus no style13.

Will have to look closer later. Off out!

D


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

On 14 Jan 2011, 7:25 am, DeltaDave wrote:

There is a missing image for starters ‘businesswomanmon.jpeg’ plus no style13.

Will have to look closer later. Off out!

D

The target page to be pulled into the lightbox div, displays the image correctly when viewed directly:

http://saltendchemicalspark.co.uk/Contacts/parklifecontact1.html

(ignore the styling on the text for now - Drew is working on Walt’s ideas).


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