Re: [jQuery] slideUp/Down flicker with 1.0.4
On Jan 4, 2007, at 17:22, Brandon Aaron wrote: I'm not actually able to reproduce the flicker on Firefox 2 on mac or Firefox 1.5 on pc with either link. However, I do believe it is possible to have a flicker if the system is bogged down and here is why. The flicker only happens with link using jQuery 1.0.4. Mac FF 2.0.0.1. Safari seems to be ok with me. http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.html What you are seeing is that during a 'show' operation, the element is set to display: block, caches the original height and then resets the height to 0 to being the animation to its original height. This sound correct. When calling slideDown it first quickly shows full contents. Then hides it again before doing the slideDown. -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
Yes. I agree. -- View this message in context: http://www.nabble.com/slideUp-Down-flicker-with-1.0.4-tf2919581.html#a8175956 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
Er... I didn't say that. -- View this message in context: http://www.nabble.com/slideUp-Down-flicker-with-1.0.4-tf2919581.html#a8176392 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
I noticed it Firefox, but surprisingly it doesn't happen for me in Safari. I'm injecting html into a div then sliding it down, and I assumed I might not have written the code correctly, but I also noticed it on normal elements as well. Brian Mika Tuupola wrote: Upon upgrading to jQuery 1.0.4 some of my slideUp/Down elements started to flicker. With 1.0.3 this problem did not exist. http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.html http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown6.html (Click the blue box in the corner). Am I missing something obvious or is this just css problem? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ -- View this message in context: http://www.nabble.com/slideUp-Down-flicker-with-1.0.4-tf2919581.html#a8160201 Sent from the JQuery mailing list archive at Nabble.com. ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
I'm not actually able to reproduce the flicker on Firefox 2 on mac or Firefox 1.5 on pc with either link. However, I do believe it is possible to have a flicker if the system is bogged down and here is why. Previous to 1.0.4 there were problems with nested and dynamically loaded html into slideDown or slideUp areas. This is because the fx module was sloppy and would leave behind inline styles like height. This would result in incorrect sizes if the html/content inside the slideDown/slideUp area was changed. So the solution and the proper way to handle this is to remove inline styles when possible (when a 'hide' or 'show' animation has completed). What you are seeing is that during a 'show' operation, the element is set to display: block, caches the original height and then resets the height to 0 to being the animation to its original height. I will be looking into a solution to see if we can prevent the flicker while also allowing for variable heights and allowing the fx module to properly clean up after itself. -- Brandon Aaron On 1/4/07, Mika Tuupola [EMAIL PROTECTED] wrote: Upon upgrading to jQuery 1.0.4 some of my slideUp/Down elements started to flicker. With 1.0.3 this problem did not exist. http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.html http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown6.html (Click the blue box in the corner). Am I missing something obvious or is this just css problem? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
Ahh.. This might explain why 1.0.4 breaks a hack I made to fix an IE bug. I create an iframe element to shield DHTML layers absolutely positioned over select boxes. I was using $().show(10) to force the expansion of the Iframe within the box. This gives the box the exact dimensions required to fit the content. Therefore, it was a handy way to dynamically shape the iframe to match the contents of the CMcontactEmail_msgtxt in the example below. Now that height and width are being cleared after making the div visible, my iframe is not sized appropriately, and my hack doesn't work. [Version 1.0.3] div style=overflow: visible; display: block; position: absolute; left: 583px; top: 199px; height: 16px; width: 58px; opacity: 0.; class=popmsg id=CMcontactEmail_msg !--[if lte IE 6.5]iframe src='../foo.html' frameborder='0' scrolling='no'/iframe![endif]-- div class=popmsgtxt id=CMcontactEmail_msgtxtbRequired/b/div /div [Version 1.0.4] div style=display: block; position: absolute; left: 583px; top: 199px; opacity: 0.; class=popmsg id=CMcontactEmail_msg !--[if lte IE 6.5]iframe src='../foo.html' frameborder='0' scrolling='no'/iframe![endif]-- div class=popmsgtxt id=CMcontactEmail_msgtxtbRequired/b/div /div Is there any easy way to achieve this same effect in 1.0.4? Honestly, I really hate this hack and would welcome recommendations on an alternative solution Select box. I have intentions of someday creating a jquery plugin to replace select boxes with customizable css dropdowns (while maintaining the selectbox hidden in form). -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brandon Aaron Sent: Thursday, January 04, 2007 9:23 AM To: jQuery Discussion. Subject: Re: [jQuery] slideUp/Down flicker with 1.0.4 I'm not actually able to reproduce the flicker on Firefox 2 on mac or Firefox 1.5 on pc with either link. However, I do believe it is possible to have a flicker if the system is bogged down and here is why. Previous to 1.0.4 there were problems with nested and dynamically loaded html into slideDown or slideUp areas. This is because the fx module was sloppy and would leave behind inline styles like height. This would result in incorrect sizes if the html/content inside the slideDown/slideUp area was changed. So the solution and the proper way to handle this is to remove inline styles when possible (when a 'hide' or 'show' animation has completed). What you are seeing is that during a 'show' operation, the element is set to display: block, caches the original height and then resets the height to 0 to being the animation to its original height. I will be looking into a solution to see if we can prevent the flicker while also allowing for variable heights and allowing the fx module to properly clean up after itself. -- Brandon Aaron On 1/4/07, Mika Tuupola [EMAIL PROTECTED] wrote: Upon upgrading to jQuery 1.0.4 some of my slideUp/Down elements started to flicker. With 1.0.3 this problem did not exist. http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.htm l http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown6.htm l (Click the blue box in the corner). Am I missing something obvious or is this just css problem? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
Just use the bgiframe plugin found in the plugins folder in SVN (http://jquery.com/dev/svn/trunk/plugins/bgiframe/bgiframe.js?format=txt) It will take care of the proper height, width, etc. -- Brandon Aaron On 1/4/07, Jeremy Dill [EMAIL PROTECTED] wrote: Ahh.. This might explain why 1.0.4 breaks a hack I made to fix an IE bug. I create an iframe element to shield DHTML layers absolutely positioned over select boxes. I was using $().show(10) to force the expansion of the Iframe within the box. This gives the box the exact dimensions required to fit the content. Therefore, it was a handy way to dynamically shape the iframe to match the contents of the CMcontactEmail_msgtxt in the example below. Now that height and width are being cleared after making the div visible, my iframe is not sized appropriately, and my hack doesn't work. [Version 1.0.3] div style=overflow: visible; display: block; position: absolute; left: 583px; top: 199px; height: 16px; width: 58px; opacity: 0.; class=popmsg id=CMcontactEmail_msg !--[if lte IE 6.5]iframe src='../foo.html' frameborder='0' scrolling='no'/iframe![endif]-- div class=popmsgtxt id=CMcontactEmail_msgtxtbRequired/b/div /div [Version 1.0.4] div style=display: block; position: absolute; left: 583px; top: 199px; opacity: 0.; class=popmsg id=CMcontactEmail_msg !--[if lte IE 6.5]iframe src='../foo.html' frameborder='0' scrolling='no'/iframe![endif]-- div class=popmsgtxt id=CMcontactEmail_msgtxtbRequired/b/div /div Is there any easy way to achieve this same effect in 1.0.4? Honestly, I really hate this hack and would welcome recommendations on an alternative solution Select box. I have intentions of someday creating a jquery plugin to replace select boxes with customizable css dropdowns (while maintaining the selectbox hidden in form). -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brandon Aaron Sent: Thursday, January 04, 2007 9:23 AM To: jQuery Discussion. Subject: Re: [jQuery] slideUp/Down flicker with 1.0.4 I'm not actually able to reproduce the flicker on Firefox 2 on mac or Firefox 1.5 on pc with either link. However, I do believe it is possible to have a flicker if the system is bogged down and here is why. Previous to 1.0.4 there were problems with nested and dynamically loaded html into slideDown or slideUp areas. This is because the fx module was sloppy and would leave behind inline styles like height. This would result in incorrect sizes if the html/content inside the slideDown/slideUp area was changed. So the solution and the proper way to handle this is to remove inline styles when possible (when a 'hide' or 'show' animation has completed). What you are seeing is that during a 'show' operation, the element is set to display: block, caches the original height and then resets the height to 0 to being the animation to its original height. I will be looking into a solution to see if we can prevent the flicker while also allowing for variable heights and allowing the fx module to properly clean up after itself. -- Brandon Aaron On 1/4/07, Mika Tuupola [EMAIL PROTECTED] wrote: Upon upgrading to jQuery 1.0.4 some of my slideUp/Down elements started to flicker. With 1.0.3 this problem did not exist. http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.htm l http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown6.htm l (Click the blue box in the corner). Am I missing something obvious or is this just css problem? -- Mika Tuupola http://www.appelsiini.net/~tuupola/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/ ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Re: [jQuery] slideUp/Down flicker with 1.0.4
Jeremy Dill schrieb: I have intentions of someday creating a jquery plugin to replace select boxes with customizable css dropdowns (while maintaining the selectbox hidden in form). There are already at least two implementations, though both work-in-progress, afaik. I think one was written by Christian Bach (tablesorter author). -- Jörn Zaefferer http://bassistance.de ___ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/