NOF11 and Lightbox problems

[Mike Coombes]

Charles Edmonds wrote:
> The links in an image map are just hyperlinks. They can have the
> rel="lytebox" assigned too.
>
> Does that help?
>
> Charles
>
Not sure.There's no provision in NOF to amend the code on the hotspots,
and it may be one of those things, like trying to get links in a
drop-down list to open in a new window. I'll look into it.

[Charles Edmonds]

On Fri, 21 Nov 2008 23:54:18 +0000, Mike Coombes wrote:

>> The links in an image map are just hyperlinks. They can have the
>> rel="lytebox" assigned too.
>>
> Not sure.There's no provision in NOF to amend the code on the hotspots,
> and it may be one of those things, like trying to get links in a
> drop-down list to open in a new window. I'll look into it.

Use the Hotspot tool to create the link as always.

After you click Ok, select the Hotspot you just created then click the HTML
button on the properties palette.

You should be able to put the rel="lytebox" there (right inside the link
code)

A quick test/local publish here seemed to put the code where it should go.


Does that help?

Charles



--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.setupcast.com - "A revolutionary new publishing system for software
developers - enhanced for SetupBuilder users!"
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------

[TheBox]

Mike, Charles,

I am trying this same thing in v10 and yes you can put the rel="lytebox"
inside the 'tag' within the hotspot tool; but not inside the 'link'. It
opens the bigger picture in the browser with the former..
-
Does that make sense?
-
Bert

"Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
news:1ksgy2of0ewfw.1gykvmejjwppn$.dlg@40tude.net.. .
> On Fri, 21 Nov 2008 23:54:18 +0000, Mike Coombes wrote:
>
>>> The links in an image map are just hyperlinks. They can have the
>>> rel="lytebox" assigned too.
>>>
>> Not sure.There's no provision in NOF to amend the code on the hotspots,
>> and it may be one of those things, like trying to get links in a
>> drop-down list to open in a new window. I'll look into it.
>
> Use the Hotspot tool to create the link as always.
>
> After you click Ok, select the Hotspot you just created then click the
> HTML
> button on the properties palette.
>
> You should be able to put the rel="lytebox" there (right inside the link
> code)
>
> A quick test/local publish here seemed to put the code where it should go.
>
>
> Does that help?
>
> Charles
>
>
>
> --
> -------------------------------------------------------------------------------------------------------
> Charles Edmonds
> cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
> www.setupcast.com - "A revolutionary new publishing system for software
> developers - enhanced for SetupBuilder users!"
> www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
> www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
> and Forms!"
> www.lansrad.com - "Intelligent Solutions for Universal Problems"
> www.fotokiss.com - "World's Best Auction Photo Editor"
> -------------------------------------------------------------------------------------------------------

[Leroy Schulz]

> hard to live with in a slideshoe<g>

I can imagine. <G>

[L]



"Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
news:u2oi5ntv81je.bj1tqhkzl9rp$.dlg@40tude.net...
> On Fri, 21 Nov 2008 20:00:18 +0000, Mike Coombes wrote:
>
>> Thanks for your time, Charles.
>
> Glad to help Mike - sometimes an extra pair of eyes helps on this
> stuff<g>.
>
>
>> Looking back, you were looking at the page when I'd tried converting it
>> to strict xml. The /*]]>*/ appeared then. Since then, it's back to NOF
>> code. Results so far: Lightbox - installs with no errors, but doesn't
>> work. Slimbox - works, but with invalid CSS and page errors.
>
> Ah - so I was NOT going crazy then<g>.
>
>
>> I have the latest patch (5012).
>
> Good.
>
>> Publishing in semantic xhtml, CSS formatting (tried changing it to HTML,
>> no difference). Tried with ajax enabled and disabled, no difference.
>>
>> I'd be tempted to give up but I really, really want to make it work.
>
> I can appreciate that. I like the lightbox effect much better than plain
> vanilla popups - most folks do I think (especially if it is not overbaked
> with too much animation, Ok for a single image - hard to live with in a
> slideshoe<g>).
>
>
>> If you make it, I'll buy it.
>
> Thanks for the vote of confidence.
>
> We have some pretty cool stuff in the pipeline here<g>.
>
> :-)
>
> Take care,
>
> Charles
>
>
>
> --
> -------------------------------------------------------------------------------------------------------
> Charles Edmonds
> cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
> www.setupcast.com - "A revolutionary new publishing system for software
> developers - enhanced for SetupBuilder users!"
> www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
> www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
> and Forms!"
> www.lansrad.com - "Intelligent Solutions for Universal Problems"
> www.fotokiss.com - "World's Best Auction Photo Editor"
> -------------------------------------------------------------------------------------------------------

[Charles Edmonds]

On Fri, 21 Nov 2008 19:28:00 -0500, TheBox wrote:

> I am trying this same thing in v10 and yes you can put the rel="lytebox"
> inside the 'tag' within the hotspot tool; but not inside the 'link'. It
> opens the bigger picture in the browser with the former..

Hi Bert,

I did some research and it turns out that Lytebox is not currently
compatible with image maps.

Some Googling came up with the mods for the lytebox.js script (attached)

It works fine here in V10.

All I did was create the hotspot and link that to the larger image, then
after clicking OK, I click the HTML button. Next I click the "Inside Tag"
tab and put this in place:

rel="lytebox"


The code that NOF generates for the area map is then:

<area shape="rect" alt="" title="" coords="24,26,56,57"
href="./fk_mantis.jpg" rel="lytebox">

(as you can see - the "rel" statement is where it needs to be.


That works here.

Give it a shot (save a copy of your original lytebox.js of course) and see
how it goes.

:-)

Charles


--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.setupcast.com - "A revolutionary new publishing system for software
developers - enhanced for SetupBuilder users!"
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------

[Charles Edmonds]

On Fri, 21 Nov 2008 17:33:47 -0700, Leroy Schulz wrote:

>> hard to live with in a slideshoe<g>
> I can imagine. <G>

Yep<g>.

;-)

Charles



--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.setupcast.com - "A revolutionary new publishing system for software
developers - enhanced for SetupBuilder users!"
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------

[JJ]

Guys...I suggested Lytebox way back at the top of this thread!

I experimented with a few of the different variations of Lightbox. I think
it has something to do with the Scriptaculous JS that the others use but
Lytebox doesn't. It has combined all the necessary code into one JS file.

However, CSS issues really infer that you have a conflict of names in your
CSS though. It may have been as simple as renaming that item in your CSS
file.


"Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
news:11650ss7gp3gv$.1m24x74528sib$.dlg@40tude.net. ..
> On Fri, 21 Nov 2008 19:28:00 -0500, TheBox wrote:
>
>> I am trying this same thing in v10 and yes you can put the rel="lytebox"
>> inside the 'tag' within the hotspot tool; but not inside the 'link'. It
>> opens the bigger picture in the browser with the former..
>
> Hi Bert,
>
> I did some research and it turns out that Lytebox is not currently
> compatible with image maps.
>
> Some Googling came up with the mods for the lytebox.js script (attached)
>
> It works fine here in V10.
>
> All I did was create the hotspot and link that to the larger image, then
> after clicking OK, I click the HTML button. Next I click the "Inside Tag"
> tab and put this in place:
>
> rel="lytebox"
>
>
> The code that NOF generates for the area map is then:
>
> <area shape="rect" alt="" title="" coords="24,26,56,57"
> href="./fk_mantis.jpg" rel="lytebox">
>
> (as you can see - the "rel" statement is where it needs to be.
>
>
> That works here.
>
> Give it a shot (save a copy of your original lytebox.js of course) and see
> how it goes.
>
> :-)
>
> Charles
>
>
> --
> -------------------------------------------------------------------------------------------------------
> Charles Edmonds
> cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
> www.setupcast.com - "A revolutionary new publishing system for software
> developers - enhanced for SetupBuilder users!"
> www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
> www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
> and Forms!"
> www.lansrad.com - "Intelligent Solutions for Universal Problems"
> www.fotokiss.com - "World's Best Auction Photo Editor"
> -------------------------------------------------------------------------------------------------------

[Charles Edmonds]

On Sat, 22 Nov 2008 14:01:20 +1100, JJ wrote:

> Guys...I suggested Lytebox way back at the top of this thread!

Yes you did<g>

> I experimented with a few of the different variations of Lightbox. I think
> it has something to do with the Scriptaculous JS that the others use but
> Lytebox doesn't. It has combined all the necessary code into one JS file.

I've tried several of them too.

There are quite a few and a lot of variations for sure.

But Lytebox is a good one - I like it.


> However, CSS issues really infer that you have a conflict of names in your
> CSS though. It may have been as simple as renaming that item in your CSS
> file.

When I looked at Mike's first post I checked the naming and did not see any
obvious conflicts (the scripts seem to use their own styles and NOF does
too).

It may have been a conflict in the JS somewhere.

Anyway, Lytebox seems to be working for him and with the modified version I
posted he can do the hotspot (image maps) too.

;-)

Charles


--
-------------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.setupcast.com - "A revolutionary new publishing system for software
developers - enhanced for SetupBuilder users!"
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------

[JJ]

I got that too, and for that I thank you as I am working on a specific
project that I need hotspots and Lytebox for and had trouble working that
out! It's all in the timing

"Charles Edmonds" <cje_ByteMeSpammers_@lansrad.com> wrote in message
news:14a56ntwg4fmd.141x66d8xrjcb.dlg@40tude.net...
> On Sat, 22 Nov 2008 14:01:20 +1100, JJ wrote:
>
>> Guys...I suggested Lytebox way back at the top of this thread!
>
> Yes you did<g>
>
>> I experimented with a few of the different variations of Lightbox. I
>> think
>> it has something to do with the Scriptaculous JS that the others use but
>> Lytebox doesn't. It has combined all the necessary code into one JS
>> file.
>
> I've tried several of them too.
>
> There are quite a few and a lot of variations for sure.
>
> But Lytebox is a good one - I like it.
>
>
>> However, CSS issues really infer that you have a conflict of names in
>> your
>> CSS though. It may have been as simple as renaming that item in your CSS
>> file.
>
> When I looked at Mike's first post I checked the naming and did not see
> any
> obvious conflicts (the scripts seem to use their own styles and NOF does
> too).
>
> It may have been a conflict in the JS somewhere.
>
> Anyway, Lytebox seems to be working for him and with the modified version
> I
> posted he can do the hotspot (image maps) too.
>
> ;-)
>
> Charles
>
>
> --
> -------------------------------------------------------------------------------------------------------
> Charles Edmonds
> cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
> www.setupcast.com - "A revolutionary new publishing system for software
> developers - enhanced for SetupBuilder users!"
> www.pagesnip.com - "Print and Save the Web, just the way you want it!"
> www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
> www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
> and Forms!"
> www.lansrad.com - "Intelligent Solutions for Universal Problems"
> www.fotokiss.com - "World's Best Auction Photo Editor"
> -------------------------------------------------------------------------------------------------------
>

[Charles Edmonds]

On Sat, 22 Nov 2008 14:56:41 +1100, JJ wrote:

> I got that too, and for that I thank you as I am working on a specific
> project that I need hotspots and Lytebox for and had trouble working that
> out! It's all in the timing

Glad to help out JJ.

I had some ideas on what might be the problem (and what to look for) since
one of our new upcoming products builds and uses image maps.

:-)

Charles



--------------------------------------------------------------------------------------------------
Charles Edmonds
cje_ByteMeSpammers_@lansrad.com (remove the _ByteMeSpammers_ to email me)
www.setupcast.com - "A revolutionary new publishing system for software
developers - enhanced for SetupBuilder users!"
www.pagesnip.com - "Print and Save the Web, just the way you want it!"
www.clarionproseries.com - "Serious imaging tools for Clarion Developers"
www.ezround.com - "Round Corner HTML tables with matching Banners, Buttons
and Forms!"
www.lansrad.com - "Intelligent Solutions for Universal Problems"
www.fotokiss.com - "World's Best Auction Photo Editor"
-------------------------------------------------------------------------------------------------------