Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?
I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.
When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
Thanks in advance for any help, -- Sigrid.
FWIW, I commented out the line "style: 'display: none';" in SULightbox>>renderContentOn:, and now it works in FF.
renderContentOn: html self renderOwnerOn: html. html div id: 'overlay'. html div id: 'lightbox'; " style: 'display: none';" with: self delegate. self session addLoadScript: self lighter
I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Thanks, -- Sigrid.
P.S. Rats! It sorta-kinda works in Safari, too, except that now the overlay doesn't fill the whole window.
On Apr 30, 2010, at 12:01 PM, Mortensen Sigrid E. wrote:
Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?
I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.
When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
Thanks in advance for any help, -- Sigrid._______________________________________________ seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
1) Use firebug to check if you get any javascript errors 2) Did you include SULibrary
| I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Because it becomes visible by using the javascript code at SULightbox. (see method script)
Gerhard
On Tue, May 4, 2010 at 3:10 AM, Mortensen Sigrid E. < sigrid@selfhelpsoftware.com> wrote:
FWIW, I commented out the line "style: 'display: none';" in SULightbox>>renderContentOn:, and now it works in FF.
renderContentOn: html self renderOwnerOn: html. html div id: 'overlay'. html div id: 'lightbox'; " style: 'display: none';" with: self delegate. self session addLoadScript: self lighter
I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Thanks, -- Sigrid.
P.S. Rats! It sorta-kinda works in Safari, too, except that now the overlay doesn't fill the whole window.
On Apr 30, 2010, at 12:01 PM, Mortensen Sigrid E. wrote:
Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?
I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.
When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
Thanks in advance for any help, -- Sigrid._______________________________________________ seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Firebug is not giving me any errors.
I am including SULibrary. Note that this is working fine in Safari.
After a little more investigation, I found this:
Notes
Element.show cannot display elements hidden via CSS stylesheets. Note that this is not a Prototype limitation but a consequence of how the CSS display property works.
on the website http://www.prototypejs.org/api/element/show
Perhaps this was addressed in a later version of the Scriptaculous Seaside library, and I need to upgrade.
And, by way of further information, taking out the "style: 'display: none';" line really makes both Safari and Firefox behave the same way. The lightbox shows up, but the overlay doesn't cover the height of the full screen if the screen is narrower than a certain width. I think it's trying to scroll the whole screen up somehow. The lightbox is higher than center, and the overlay doesn't reach the bottom of the screen.
Clearly this is more of an issue with Prototype and Scriptaculous than with Seaside, so I need to find some way to debug the Prototype (e.g., to see what Position.windowBounds() is giving me at both screen sizes).
-- Sigrid.
On May 4, 2010, at 2:32 AM, Gerhard Obermann wrote:
- Use firebug to check if you get any javascript errors
- Did you include SULibrary
| I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Because it becomes visible by using the javascript code at SULightbox. (see method script)
Gerhard
On Tue, May 4, 2010 at 3:10 AM, Mortensen Sigrid E. sigrid@selfhelpsoftware.com wrote: FWIW, I commented out the line "style: 'display: none';" in SULightbox>>renderContentOn:, and now it works in FF.
renderContentOn: html self renderOwnerOn: html. html div id: 'overlay'. html div id: 'lightbox'; " style: 'display: none';" with: self delegate. self session addLoadScript: self lighter
I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Thanks, -- Sigrid.
P.S. Rats! It sorta-kinda works in Safari, too, except that now the overlay doesn't fill the whole window.
On Apr 30, 2010, at 12:01 PM, Mortensen Sigrid E. wrote:
Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?
I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.
When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
Thanks in advance for any help, -- Sigrid._______________________________________________ seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
For anyone who's interested, I solved the problem by adding a line of code to the SULightbox>>script method, inside the fullScreen: function.
That section now looks like this:
Object.extend(Element, { fullscreen: function(element) { element = $(element); var bounds = Position.windowBounds(); element.style.position = "absolute"; element.style.left = element.style.top = 0; element.style.width = bounds[0] + "px"; element.style.height = bounds[1] + "px"; }, center: function(element) { element = $(element); var extent = Element.getDimensions(element); var bounds = Position.windowBounds(); var x = (bounds[0] - extent.width) / 2; var y = (bounds[1] - extent.height) / 2; x = x < 0 ? 0 : x; y = y < 0 ? 0 : y; window.scrollTo(0,0); element.style.position = "absolute"; element.style.left = x + "px"; element.style.top = y + "px"; } });
The line I added was window.scrollTo(0,0);
-- Sigrid.
On May 4, 2010, at 8:23 AM, Mortensen Sigrid E. wrote:
Firebug is not giving me any errors.
I am including SULibrary. Note that this is working fine in Safari.
After a little more investigation, I found this:
Notes
Element.show cannot display elements hidden via CSS stylesheets. Note that this is not a Prototype limitation but a consequence of how the CSS display property works.
on the website http://www.prototypejs.org/api/element/show
Perhaps this was addressed in a later version of the Scriptaculous Seaside library, and I need to upgrade.
And, by way of further information, taking out the "style: 'display: none';" line really makes both Safari and Firefox behave the same way. The lightbox shows up, but the overlay doesn't cover the height of the full screen if the screen is narrower than a certain width. I think it's trying to scroll the whole screen up somehow. The lightbox is higher than center, and the overlay doesn't reach the bottom of the screen.
Clearly this is more of an issue with Prototype and Scriptaculous than with Seaside, so I need to find some way to debug the Prototype (e.g., to see what Position.windowBounds() is giving me at both screen sizes).
-- Sigrid.
On May 4, 2010, at 2:32 AM, Gerhard Obermann wrote:
- Use firebug to check if you get any javascript errors
- Did you include SULibrary
| I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Because it becomes visible by using the javascript code at SULightbox. (see method script)
Gerhard
On Tue, May 4, 2010 at 3:10 AM, Mortensen Sigrid E. sigrid@selfhelpsoftware.com wrote: FWIW, I commented out the line "style: 'display: none';" in SULightbox>>renderContentOn:, and now it works in FF.
renderContentOn: html self renderOwnerOn: html. html div id: 'overlay'. html div id: 'lightbox'; " style: 'display: none';" with: self delegate. self session addLoadScript: self lighter
I'm not really sure why that style was included. Lukas, can you shed any light (no pun intended) on the reasoning here?
Thanks, -- Sigrid.
P.S. Rats! It sorta-kinda works in Safari, too, except that now the overlay doesn't fill the whole window.
On Apr 30, 2010, at 12:01 PM, Mortensen Sigrid E. wrote:
Anybody have any ideas why lightbox may be working for me in Safari but not in Firefox?
I'm on a Mac with Seaside 2.8 and Scriptaculous-mb.239.
When I press the button that brings up the lightbox in Safari, everything works as expected, but when I do the same in Firefox, the process bar moves like it's loading the page, but I see nothing.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
Thanks in advance for any help, -- Sigrid._______________________________________________ seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
seaside mailing list seaside@lists.squeakfoundation.org http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Sorry. I meant inside the "center" function.
On May 4, 2010, at 10:16 AM, Mortensen Sigrid E. wrote:
For anyone who's interested, I solved the problem by adding a line of code to the SULightbox>>script method, inside the fullScreen: function.
Putting a halt in where the button press is handled tells me nothing, because the #lightbox: call eventually raises a signal in a WARenderNotification and then it goes off into debugger la-la-land.
i had this same problem, and i am kind of foggy as to what was going on.. but i know it was a problem with css.. i ended up having to specify exactly how everything should have looked in the css.
i can't remember exactly what the details were, but this is the part of css i had to change..
.lightbox { background-color:#FFFFFF; padding: 25px; }
seaside@lists.squeakfoundation.org
-
Gerhard Obermann -
Mortensen Sigrid E. -
sergio_101