Scripty lightbox in a "mixed" HTML box...

Freeway
1

I wonder if the following can be achieved by using the ScriptyLightbox action (or any other one, I’m open to recommendations as well):

So far, there is a HTML box containing links to images, outside URLs and internal pages.

My goal is to have some links kept untouched by the lightbox action - in fact, there are some text links that should open as usual, while others should get opened in a lightbox.

Playing with some options I thought about, didn’t do the trick. Either no lightbox or some strange behaviour.

Do you have any suggestions on how to make this work ?

Tobias.

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

2

If you don’t want all the links inside the HTML box to get the ScriptyLightbox treatment, then don’t apply the Action to that box. Instead, apply the Action to each element inside the box that you DO want to have that behavior.

Walter

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

3

But how can I do this when having just text links - one text link should open in a lightbox, the other on a new page ?

What have I missed ?

Tobias.

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

4

Sure, it works to place a HTML box within a HTML box that only contains the link… but I fear that this might have negative effects in some webbrowsers.

Anyway, if this is the only choice yet, I’ll proceed so and test it carefully on different platforms (just wanted to ask before, since I have a lot of links to handle that way and want to avoid double work).

Tobias.

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

5

And may I ask another followup question:

I would like to customize the “loading” animation, “close” link, etc… How do I prevent that my custom images are overwritten each time I rebuilt the page ?

Guess the only reliable option currently would be to alter the images within the action package itself ?

When I do so, is there anything special I need to take care to (beside file naming conventions) ?

Tobias.

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

6

To answer your first question, it won’t hurt any browsers I know of to nest boxes like that, but if you’re still concerned, all you have to do to get a bare HREF link to open in the lightbox is to add the classname lightwindow to the link. Select your link text, open the hyperlink dialog with apple-k, and use the extended button to add

class     lightwindow

as the name and value, respectively, of a new attribute of the link.

As far as editing the images, yes just name them the same and keep the dimensions identical, and you should be fine.

Walter

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

7

it won’t hurt any browsers I know of to nest boxes like that

Okay, I’ll give this a closer look… just found that the editing window does not match the final result (e.g. in editing window of FW, text parts appear right after the nested HTML box while the browser adds a line break).

all you have to do to get a bare HREF link to open in the lightbox is to add the classname lightwindow to the link. Select your link text, open the hyperlink dialog with apple-k, and use the extended button to add

Not sure if I understand the sense of this… when adding the action to the HTML box, well, why should I need to add the class name to get the link opened in a lightbox ?

It would make sense to have a way that excludes links from being opened although the action was applied to the HTML box… did you meant it this way ?

Tobias.

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

8

There’s two ways to use the Action. For the first, you apply it to the
parent object that contains a bunch of linked elements that you want
to have open in the lightbox. This is the “quick gallery” approach,
because you don’t have to fiddle as much with the settings on each
element in the collection.

The other way to use it is to apply the Action to each element that
you want to have open in the lightbox. You might use this if your
layout would be difficult to make using an inline layout technique, or
as in your case, if not everything on the page or in a particular part
of the page needs to have the effect applied. If you do this, you
would end up with two Actions applied to each thumbnail image – the
Graphic Link to File Action and the ScriptyLightbox Action.

If you have used the first method, then you’re right – you don’t need
to add the classname property to the text links, because the Action
will work that out for you. But if you are using the second method,
then any text link that you wanted to make would need to be manually
extended to include the class=lightwindow property.

The bottom line here is that if you want to have some links do the
lightwindow trick, while others do not, then you have to follow the
second approach – manually extending text links and applying the
ScriptyLightbox Action to each thumbnail element that you want to
exhibit the lightbox behavior. You can’t use the apply-once-to-the-
parent shortcut approach.

As far as an Action that could mark certain links as non-lightbox –
that’s going to be extremely hard, because Actions cannot be attached
to text. Such an Action could be made for graphic objects, but not for
text.

Walter

On Dec 16, 2009, at 10:04 AM, tobiaseichner wrote:

it won’t hurt any browsers I know of to nest boxes like that

Okay, I’ll give this a closer look… just found that the editing
window does not match the final result (e.g. in editing window of
FW, text parts appear right after the nested HTML box while the
browser adds a line break).

all you have to do to get a bare HREF link to open in the lightbox
is to add the classname lightwindow to the link. Select your link
text, open the hyperlink dialog with apple-k, and use the extended
button to add

Not sure if I understand the sense of this… when adding the action
to the HTML box, well, why should I need to add the class name to
get the link opened in a lightbox ?

It would make sense to have a way that excludes links from being
opened although the action was applied to the HTML box… did you
meant it this way ?

Tobias.

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

9

because Actions cannot be attached to text.

That was what I referred to: How to add this action to a text link - which obviously doesn’t work. So I either have to use nested HTML boxes or thumbnails with links applied to.

Thank you for clarifying this :slight_smile:

Tobias.

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

10

Hmm. I thought I was being clear here – as long as you have applied
the Action to something else on the page, you can extend a bare HREF
to work with the lightbox, too, just by adding the classname to the
link.

All that the Action does is upload and attach the scripts, CSS, and
images to your page. The script itself doesn’t need anything besides
the classname to do its thing.

So if you have one thumbnail image (to which you have applied both
ScriptyLightbox and Graphic Link to File) and somewhere else on your
page a normal link to a file, all you would need to do is add the
class to the link and it will piggy-back on the other thumbnail. This
means it will work just as if you had some way to apply Actions to text.

Walter

On Dec 16, 2009, at 2:21 PM, tobiaseichner wrote:

because Actions cannot be attached to text.

That was what I referred to: How to add this action to a text link -
which obviously doesn’t work. So I either have to use nested HTML
boxes or thumbnails with links applied to.

Thank you for clarifying this :slight_smile:

Tobias.

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

11

as long as you have applied the Action to something else on the page, you can extend a bare HREF to work with the lightbox, too, just by adding the classname to the link.

So I could apply the lightbox action to one HTML box and use the classname-method within an other one where the action hasn’t been applied to ?

Tobias.

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

12

Exactly. The way the Action works inside is it checks the page to see
if its support libraries have been added already, and if not, adds
them. Once that’s done, additional instances of the same Action have
no further affect on the page itself, only on the object the Action is
attached to.

During the publish process, the Action checks to see if the object it
is applied to contains any links, and if so, adds the classname
lightwindow to those links.

Walter

On Dec 17, 2009, at 7:51 AM, tobiaseichner wrote:

So I could apply the lightbox action to one HTML box and use the
classname-method within an other one where the action hasn’t been
applied to ?

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

13

Great. Thanks for your help :slight_smile:

Tobias.

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