Announcement

**NormanRouxel** · 29-Mar-2008, 12:09 AM

My Lightbox uses Lightbox2 which is for images only.

Here http://www.fortysomething.ca/mt/etc/archives/005400.php is a list of other Lightboxes - some of which can handle HTML pages. However, integrating these with Actinic won't be easy (my Lightbox add-on involves several hundred lines of PHP).

**mattc** · 29-Mar-2008, 12:52 AM

I've seen other scripts on this site that put lightbox in, although yours is the only one that has worked for me!

anyone else tried something like this?

**mattc** · 29-Mar-2008, 12:59 AM

XHTML Doc types?

OK, I think Im getting somewhere.

If I were to use greybox or particle gone wild, all i need, is to point the href at the extended page? Does that sound right?

I think though, the page has to be xhtml. is this a problem?

**mattc** · 29-Mar-2008, 09:37 AM

Help Please!

Ok, maybe i haven't appreciated how difficult this could be!

It just sounds quite simple...

Instead of the popup, i want a light box to load the html page that is "Extended Information"

I think this would be a really nice feature on lots of actinic sites no?

Im just having trouble knowing what variables to put where. Also does the doc type of the page with the link to "extended informaiton" have to be xhtml for something like greybox to work.

Thanks in advance,

**leehack** · 29-Mar-2008, 10:00 AM

Why not contact someone who knows what they are doing and ask for a price to do it for you? One thing you can guarantee is that it will not be anywhere near as easy as you imagine/hope.

**Duncan Rounding** · 29-Mar-2008, 10:06 AM

I've been looking into greybox. I'll feedback any info as I progress.

**mattc** · 29-Mar-2008, 10:48 AM

Initial launch

I can't seem to even get greybox working on my pages.

I uploaded to root of domain using ftp - not actinic, but in my content pages ive done the following...

I've changed the doctype and i've put the <head> stuff in, and a link with a

Code:

rel="gb_page_fs[]"

but it won't work at all. Any ideas?

**mattc** · 29-Mar-2008, 01:11 PM

Originally posted by drounding

I've been looking into greybox. I'll feedback any info as I progress.

Much Appreciated

**NormanRouxel** · 30-Mar-2008, 11:50 AM

Greybox will work with Actinic but the Actinic BODY tag

<body onload="<actinic:variable value="PreloadImages" name="OnLoadScript" />">

stops Greybox from activating.

After installing the greybox support code into the page HEAD area, you'll have to amend the lines

Code:

</head>

<body onload="<actinic:variable value="PreloadImages" name="OnLoadScript" />">

to be

Code:

   <script type="text/javascript>
   function afterpageload(){
   <actinic:variable name="OnLoadScript" value="PreloadImages" />
   </script>
   <script type="text/javascript">AJS.AEV(window, 'load', function() {afterpageload()});</script>

</head>

<body>

We use Greybox's onload capability to fire off the Actinic code, leaving the <body> tag clean.).

It's also a good idea to copy the Greybox files into DesignPreviewHTML and PreviewHTML so that all the previews work OK.

I also use var GB_ROOT_DIR = "./"; (but use ../ when Previewing).

Here's the the setup I use

Code:

   <script type="text/javascript">
      var GB_ROOT_DIR = "<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPreviewMode%22%20%2f%3e" >.</actinic:block>./";
   </script>
   <script type="text/javascript" src="AJS.js"></script>
   <script type="text/javascript" src="AJS_fx.js"></script>
   <script type="text/javascript" src="gb_scripts.js"></script>
   <link href="gb_styles.css" rel="stylesheet" type="text/css" media="all" />
   <!-- Actinic specific fixes -->
   <script type="text/javascript>
   function afterpageload(){
   <actinic:variable name="OnLoadScript" value="PreloadImages" />
   </script>
   <script type="text/javascript">AJS.AEV(window, 'load', function() {afterpageload()});</script>


</head>

<body>

Incidentally, having done this it's trivial to switch my Lightbox add-on to using Greybox. All that's needed is to remove the Lightbox code from the HEAD area of your overall layout, install the code above and edit Lightbox Image List layout to change

rel=\"lightbox[$ProductAnchor]\"

to

rel=\"gb_imageset[$ProductAnchor]\"

**mattc** · 30-Mar-2008, 08:19 PM

Hi Norman. Thanks, I was starting to see red with this.

Did you copy the greybox directory to the acatalog directory, or the contents of it?

I prefer your lightbox script to greybox anyway. I just want greybox because its easy to load html inside it and this will work well for the extended info boxes. Ill tweak it as much as possible to look like your lightboxes, although the unity might work better.

ill give this a try and post back any findings on here

Thanks again, matthew

**NormanRouxel** · 30-Mar-2008, 09:13 PM

You need the files in your site folder - and copies of them in DesignPreviewHTML and PreviewHTML.

**NormanRouxel** · 30-Mar-2008, 09:22 PM

Then all you need is to replace (I'm tinkering with the Product Image link) here.

Code:

<a href="javascript:ShowPopUp('<actinic:variable name=ExtendedInfoPageEncoded />',<actinic:variable name="ExtInfoWindowWidth" />,<actinic:variable name="ExtInfoWindowHeight" />);">

with

Code:

<a href="<actinic:variable name=ExtendedInfoPageEncoded />" 
	title="<actinic:variable name="ProductName" />" 
	rel="gb_page_center[<actinic:variable name="ExtInfoWindowWidth" />, <actinic:variable name="ExtInfoWindowHeight" />]">

UPDATE:

You also need to add the file loader_frame.html (from your Site folder) into Design /Additional Files.

**NormanRouxel** · 30-Mar-2008, 09:46 PM

Matt,

You can modify my Lightbox to use Greybox (details on http://www.drillpine.biz/forums/view...hp?f=17&t=310), then you can display slideshows and extended info pages, both using Greybox.

**graphicz** · 23-Feb-2009, 10:19 PM

I have made thickbox work for opening the extended info pages (http://jquery.com/demo/thickbox/)

Add the thickbox js and css and jquery files to the site folder, and refer to these in the <head></head> of your page.
Copy a 'Standard Extended Information Links' and give it a new name.
Replace:
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPopUpDisplayedByTextLink%22%20%2f%3e" >
<br />
<a href="<actinic:variable name="ExtendedInfoPageName" />">
<actinic:variable name="ExtendedInfoLinkText" />
</a>
</actinic:block>
With:
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPopUpDisplayedByTextLink%22%20%2f%3e" >
<br />
<a class="thickbox" title="Title" href=<actinic:variable name="ExtendedInfoPageEncoded" />?KeepThis=true&TB_iframe=true&height=550&width=600><actinic:variable name="ExtendedInfoLinkText" /></a>
</actinic:block>
In the content tab select the product, in extended information select your new extended information links layout and for type of extended information page select 'opens in same window'.
Seems to work for me.
Have fun and let me know.

Announcement

Extended Info in lightbox

Extended Info in lightbox

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment