Smalltalk › Frameworks & Tools › Seaside › Seaside General

RE: Lightbox?

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

9 messages Options

Bany, Michel

RE: Lightbox?

> The Seaside script.aculo.us package has some experimental
> support for a lighbox using a special #call: like method.
>

Lukas,

I am having trouble with the lightbox: method.
I re-implemented #inform: in my component to use #lightbox:
instead of #call: It works fine except when both conditions
below apply :
(1) Using IE
(2) The calling component has one or more select element(s).
In such situations the select elements are not grayed out,
are modifiable and are on top of the lightbox.

Probably another IE annoyance, other browsers are OK.
Does anyone know of the IE trick that would circumvent this ?

Thanks,
Michel.

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Lukas Renggli

Re: Lightbox?

> I am having trouble with the lightbox: method.
> I re-implemented #inform: in my component to use #lightbox:
> instead of #call: It works fine except when both conditions
> below apply :
> (1) Using IE
> (2) The calling component has one or more select element(s).
> In such situations the select elements are not grayed out,
> are modifiable and are on top of the lightbox.
>
> Probably another IE annoyance, other browsers are OK.
> Does anyone know of the IE trick that would circumvent this ?

Yeah, this is a known problem with IE. This browser always put some
form elements on top, no matter of other elements with a higher
z-index. There are some ugly JavaScript hacks that hide those
elements, this is probably the only solution to this problem.

Try to add something along (untested, as I don't have IE):

html script: (SUSelector new
name: 'select';
do: [ :each | each element hide ])

Cheers,
Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Bany, Michel

RE: Lightbox?

In reply to this post by Bany, Michel

> Yeah, this is a known problem with IE. This browser always
> put some form elements on top, no matter of other elements
> with a higher z-index. There are some ugly JavaScript hacks
> that hide those elements, this is probably the only solution
> to this problem.
>
> Try to add something along (untested, as I don't have IE):
>
> html script: (SUSelector new
> name: 'select';
> do: [ :each | each element hide ])

Boris Popov, DeepCove Labs (SNN)

RE: Lightbox?

In reply to this post by Bany, Michel

I was just going to ask for the same thing. Thanks!

-Boris

--
+1.604.689.0322
DeepCove Labs Ltd.
4th floor 595 Howe Street
Vancouver, Canada V6C 2T5

[hidden email]

CONFIDENTIALITY NOTICE

This email is intended only for the persons named in the message
header. Unless otherwise indicated, it contains information that is
private and confidential. If you have received it in error, please
notify the sender and delete the entire message including any
attachments.

Thank you.

-----Original Message-----
From: [hidden email]
[mailto:[hidden email]] On Behalf Of Bany,
Michel
Sent: Tuesday, June 06, 2006 9:09 AM
To: The Squeak Enterprise Aubergines Server - general discussion.
Subject: RE: [Seaside] Lightbox?

Thanks Lukas, I tested your code and it works.
A bit disappointing, but better than nothing.

Michel.
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

smime.p7s (4K) Download Attachment

Boris Popov, DeepCove Labs (SNN)

RE: Lightbox?

In reply to this post by Bany, Michel

For some reason the lightbox'ed component does not come up in the center of
the screen and stays in that same position when browser window is resized.
Even worse, the transparent overlay is also not being resized, so expanding
the browser window leaves unobscured parts of the background window visible.
It works in the scriptaculous demo though via 'View Source'. Any ideas? I've
added SULibrary to my application.

Thanks!

-Boris

--
+1.604.689.0322
DeepCove Labs Ltd.
4th floor 595 Howe Street
Vancouver, Canada V6C 2T5

[hidden email]

CONFIDENTIALITY NOTICE

This email is intended only for the persons named in the message
header. Unless otherwise indicated, it contains information that is
private and confidential. If you have received it in error, please
notify the sender and delete the entire message including any
attachments.

Thank you.

-----Original Message-----
From: [hidden email]
[mailto:[hidden email]] On Behalf Of Boris Popov
Sent: Tuesday, June 06, 2006 9:17 AM
To: The Squeak Enterprise Aubergines Server - general discussion.
Subject: RE: [Seaside] Lightbox?

I was just going to ask for the same thing. Thanks!

-Boris

--
+1.604.689.0322
DeepCove Labs Ltd.
4th floor 595 Howe Street
Vancouver, Canada V6C 2T5

[hidden email]

CONFIDENTIALITY NOTICE

This email is intended only for the persons named in the message
header. Unless otherwise indicated, it contains information that is
private and confidential. If you have received it in error, please
notify the sender and delete the entire message including any
attachments.

Thank you.

-----Original Message-----
From: [hidden email]
[mailto:[hidden email]] On Behalf Of Bany,
Michel
Sent: Tuesday, June 06, 2006 9:09 AM
To: The Squeak Enterprise Aubergines Server - general discussion.
Subject: RE: [Seaside] Lightbox?

smime.p7s (4K) Download Attachment

Boris Popov-4

Re: Lightbox?

In reply to this post by Lukas Renggli

Lukas Renggli wrote:

>> I am having trouble with the lightbox: method.
>> I re-implemented #inform: in my component to use #lightbox:
>> instead of #call: It works fine except when both conditions
>> below apply :
>> (1) Using IE
>> (2) The calling component has one or more select element(s).
>> In such situations the select elements are not grayed out,
>> are modifiable and are on top of the lightbox.
>>
>> Probably another IE annoyance, other browsers are OK.
>> Does anyone know of the IE trick that would circumvent this ?
>
> Yeah, this is a known problem with IE. This browser always put some
> form elements on top, no matter of other elements with a higher
> z-index. There are some ugly JavaScript hacks that hide those
> elements, this is probably the only solution to this problem.
>
> Try to add something along (untested, as I don't have IE):
>
> html script: (SUSelector new
> name: 'select';
> do: [ :each | each element hide ])
>

Here's a good article about the issue if anyone's still interested to
know more about it,

http://www.webreference.com/dhtml/diner/seethru/

Cheers!

-Boris
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Lukas Renggli

Re: Lightbox?

The current implementation is a bit of a hack, I just had a look at
some existing implementation and composed something that worked for
me. It definitely needs some serious work to be productively useable.

I stopped to work on this particular feature, because it is not
implemented in script.aculo.us, it is just reusing some of its
functionality. I hope that a nice cross browser lightbox
implementation will come with one of the next releases of
script.aculo.us. I also hope that i will soon have some more time to
work on new Seaside things ;-)

Cheers,
Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Michel Bany

Re: Lightbox?

In reply to this post by Boris Popov, DeepCove Labs (SNN)

On 06 Jun 2006, at 22:41 , Boris Popov wrote:

> For some reason the lightbox'ed component does not come up in the
> center of
> the screen and stays in that same position when browser window is
> resized.
> Even worse, the transparent overlay is also not being resized, so
> expanding
> the browser window leaves unobscured parts of the background window
> visible.
> It works in the scriptaculous demo though via 'View Source'. Any
> ideas? I've
> added SULibrary to my application.

I added a #style method with style specs for div#lightbox and
div#overlay.

BTW the supplied opacity of 60% is a bit too much, you do not see the
background.
I prefer something like 25%.

HTH
Michel.

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

Boris Popov, DeepCove Labs (SNN)

RE: Lightbox?

In reply to this post by Lukas Renggli

Lukas,

I'm going to try using YUI's Dialog (included in the latest version of
SeasideYUI) instead and see if it works any better. Some details over at,

http://leftshore.wordpress.com/2006/07/20/yui-dialog-in-seaside/

Certainly it'd be nice if Scriptaculous started implementing some of the
things that YUI does quite nicely as it would save me from all that work I
didn't ask for :)

Cheers!

-Boris

--
+1.604.689.0322
DeepCove Labs Ltd.
4th floor 595 Howe Street
Vancouver, Canada V6C 2T5

[hidden email]

CONFIDENTIALITY NOTICE

This email is intended only for the persons named in the message
header. Unless otherwise indicated, it contains information that is
private and confidential. If you have received it in error, please
notify the sender and delete the entire message including any
attachments.

Thank you.

-----Original Message-----
From: [hidden email]
[mailto:[hidden email]] On Behalf Of Lukas
Renggli
Sent: Thursday, June 08, 2006 11:21 PM
To: The Squeak Enterprise Aubergines Server - general discussion.
Subject: Re: [Seaside] Lightbox?

The current implementation is a bit of a hack, I just had a look at
some existing implementation and composed something that worked for
me. It definitely needs some serious work to be productively useable.

I stopped to work on this particular feature, because it is not
implemented in script.aculo.us, it is just reusing some of its
functionality. I hope that a nice cross browser lightbox
implementation will come with one of the next releases of
script.aculo.us. I also hope that i will soon have some more time to
work on new Seaside things ;-)

Cheers,
Lukas

--
Lukas Renggli
http://www.lukas-renggli.ch
_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

_______________________________________________
Seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

smime.p7s (4K) Download Attachment