Yes i know my English is bad. But i hope you understand me anyway...
I´am trying to get a lightbox to work properly with IE. I´am trying to
get the background display with Effect.Opacity(). Like this:
displayLightbox: function(display){
$(''lightbox'').style.display = display;
if(display != ''none'') {
this.displayOverlay(display);
this.loadInfo();
} else {
new Effect.Fade(''overlay'', { duration: 0.4, afterFinish:
function()
{ $(''overlay'').hide(); }});
}
},
displayOverlay: function(display){
$(''overlay'').setStyle({
display: display,
opacity: 0.0
});
if (browser == ''Internet Explorer''){
$(''overlay'').setStyle({
height: $(''overlay'').getHeight(),
width: $(''overlay'').getWidth:(),
display: ''inline-block''
});
}
new Effect.Opacity(''overlay'', {duration:0.4, from:0.0,
to:0.8});
},
the css part:
#overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
}
In Firefiox it works but in IE the entire page blinked a few times and
then it appears with the lightbox in it... I hope you understand my
bad English but i dont know how to explain it in English otherwise.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
hi, I''ve had the same issue with a link on a plain background to fade in. I''ve fixed that with a workarround to fade from the background color to the visible font color. So it seems like in fades in. The font geht also broken even its on opacity 1.... between 0.1 and 0.9 the font looks terrible on ie. I''m curious about experience and maybe a solution by other users. Cheers, Florian morre95 schrieb:> Yes i know my English is bad. But i hope you understand me anyway... > I´am trying to get a lightbox to work properly with IE. I´am trying to > get the background display with Effect.Opacity(). Like this: > displayLightbox: function(display){ > $(''lightbox'').style.display = display; > if(display != ''none'') { > this.displayOverlay(display); > this.loadInfo(); > } else { > new Effect.Fade(''overlay'', { duration: 0.4, afterFinish: function() > { $(''overlay'').hide(); }}); > } > }, > > displayOverlay: function(display){ > $(''overlay'').setStyle({ > display: display, > opacity: 0.0 > }); > > if (browser == ''Internet Explorer''){ > $(''overlay'').setStyle({ > height: $(''overlay'').getHeight(), > width: $(''overlay'').getWidth:(), > display: ''inline-block'' > }); > } > new Effect.Opacity(''overlay'', {duration:0.4, from:0.0, to:0.8}); > }, > > the css part: > #overlay{ > position:absolute; > top:0; > left:0; > width:100%; > height:100%; > z-index:5000; > background-color:#000; > } > > In Firefiox it works but in IE the entire page blinked a few times and > then it appears with the lightbox in it... I hope you understand my > bad English but i dont know how to explain it in English otherwise. > > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Try to set a background-color for that element (not the font; div or table..) It''ll work in IE... I think IE6 has no anti-aliasing property. IE has lots of bugs. I haven''t ever had problems with scriptaculous and prototype on Firefox. I think you can''t do this with another solution. On 29 Temmuz, 18:30, Florian Feichtinger <f...-Dq5+tJ+5dOk4jeDfOrDV8A@public.gmane.org> wrote:> hi, > > I''ve had the same issue with a link on a plain background to fade in. > I''ve fixed that with a workarround to fade from the background color to > the visible font color. So it seems like in fades in. The font geht also > broken even its on opacity 1.... between 0.1 and 0.9 the font looks > terrible on ie. > > I''m curious about experience and maybe a solution by other users. > > Cheers, > Florian > > morre95 schrieb: > > > Yes i know my English is bad. But i hope you understand me anyway... > > I´am trying to get a lightbox to work properly with IE. I´am trying to > > get the background display with Effect.Opacity(). Like this: > > displayLightbox: function(display){ > > $(''lightbox'').style.display = display; > > if(display != ''none'') { > > this.displayOverlay(display); > > this.loadInfo(); > > } else { > > new Effect.Fade(''overlay'', { duration: 0.4, afterFinish: function() > > { $(''overlay'').hide(); }}); > > } > > }, > > > displayOverlay: function(display){ > > $(''overlay'').setStyle({ > > display: display, > > opacity: 0.0 > > }); > > > if (browser == ''Internet Explorer''){ > > $(''overlay'').setStyle({ > > height: $(''overlay'').getHeight(), > > width: $(''overlay'').getWidth:(), > > display: ''inline-block'' > > }); > > } > > new Effect.Opacity(''overlay'', {duration:0.4, from:0.0, to:0.8}); > > }, > > > the css part: > > #overlay{ > > position:absolute; > > top:0; > > left:0; > > width:100%; > > height:100%; > > z-index:5000; > > background-color:#000; > > } > > > In Firefiox it works but in IE the entire page blinked a few times and > > then it appears with the lightbox in it... I hope you understand my > > bad English but i dont know how to explain it in English otherwise.--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Thanks for your help guys... I succeeded to get the fade to work in IE. The thing is when the efect begin. The page background is visible for maybe a tenth of a second on IE. Which is very ugly. Any idea on how i can avoid that? On 29 Juli, 19:07, ahmetalpbalkan <ahmetalpbal...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> Try to set a background-color for that element (not the font; div or > table..) It''ll work in IE... > > I think IE6 has no anti-aliasing property. IE has lots of bugs. I > haven''t ever had problems with scriptaculous and prototype on Firefox. > > I think you can''t do this with another solution. > > On 29 Temmuz, 18:30, Florian Feichtinger <f...-Dq5+tJ+5dOk4jeDfOrDV8A@public.gmane.org> wrote: > > > hi, > > > I''ve had the same issue with a link on a plain background to fade in. > > I''ve fixed that with a workarround to fade from the background color to > > the visible font color. So it seems like in fades in. The font geht also > > broken even its on opacity 1.... between 0.1 and 0.9 the font looks > > terrible on ie. > > > I''m curious about experience and maybe a solution by other users. > > > Cheers, > > Florian > > > morre95 schrieb: > > > > Yes i know my English is bad. But i hope you understand me anyway... > > > I´am trying to get a lightbox to work properly with IE. I´am trying to > > > get the background display with Effect.Opacity(). Like this: > > > displayLightbox: function(display){ > > > $(''lightbox'').style.display = display; > > > if(display != ''none'') { > > > this.displayOverlay(display); > > > this.loadInfo(); > > > } else { > > > new Effect.Fade(''overlay'', { duration: 0.4, afterFinish: function() > > > { $(''overlay'').hide(); }}); > > > } > > > }, > > > > displayOverlay: function(display){ > > > $(''overlay'').setStyle({ > > > display: display, > > > opacity: 0.0 > > > }); > > > > if (browser == ''Internet Explorer''){ > > > $(''overlay'').setStyle({ > > > height: $(''overlay'').getHeight(), > > > width: $(''overlay'').getWidth:(), > > > display: ''inline-block'' > > > }); > > > } > > > new Effect.Opacity(''overlay'', {duration:0.4, from:0.0, to:0.8}); > > > }, > > > > the css part: > > > #overlay{ > > > position:absolute; > > > top:0; > > > left:0; > > > width:100%; > > > height:100%; > > > z-index:5000; > > > background-color:#000; > > > } > > > > In Firefiox it works but in IE the entire page blinked a few times and > > > then it appears with the lightbox in it... I hope you understand my > > > bad English but i dont know how to explain it in English otherwise.--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
set opacity to 0.01 not 0.0. On Jul 30, 11:07 am, morre95 <morr...-PkbjNfxxIARBDgjK7y7TUQ@public.gmane.org> wrote:> Thanks for your help guys... I succeeded to get the fade to work in > IE. The thing is when the efect begin. The page background is visible > for maybe a tenth of a second on IE. Which is very ugly. Any idea on > how i can avoid that? > > On 29 Juli, 19:07, ahmetalpbalkan <ahmetalpbal...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > > > Try to set a background-color for that element (not the font; div or > > table..) It''ll work in IE... > > > I think IE6 has no anti-aliasing property. IE has lots of bugs. I > > haven''t ever had problems with scriptaculous and prototype on Firefox. > > > I think you can''t do this with another solution. > > > On 29 Temmuz, 18:30, Florian Feichtinger <f...-Dq5+tJ+5dOk4jeDfOrDV8A@public.gmane.org> wrote: > > > > hi, > > > > I''ve had the same issue with a link on a plain background to fade in. > > > I''ve fixed that with a workarround to fade from the background color to > > > the visible font color. So it seems like in fades in. The font geht also > > > broken even its on opacity 1.... between 0.1 and 0.9 the font looks > > > terrible on ie. > > > > I''m curious about experience and maybe a solution by other users. > > > > Cheers, > > > Florian > > > > morre95 schrieb: > > > > > Yes i know my English is bad. But i hope you understand me anyway... > > > > I´am trying to get a lightbox to work properly with IE. I´am trying to > > > > get the background display with Effect.Opacity(). Like this: > > > > displayLightbox: function(display){ > > > > $(''lightbox'').style.display = display; > > > > if(display != ''none'') { > > > > this.displayOverlay(display); > > > > this.loadInfo(); > > > > } else { > > > > new Effect.Fade(''overlay'', { duration: 0.4, afterFinish: function() > > > > { $(''overlay'').hide(); }}); > > > > } > > > > }, > > > > > displayOverlay: function(display){ > > > > $(''overlay'').setStyle({ > > > > display: display, > > > > opacity: 0.0 > > > > }); > > > > > if (browser == ''Internet Explorer''){ > > > > $(''overlay'').setStyle({ > > > > height: $(''overlay'').getHeight(), > > > > width: $(''overlay'').getWidth:(), > > > > display: ''inline-block'' > > > > }); > > > > } > > > > new Effect.Opacity(''overlay'', {duration:0.4, from:0.0, to:0.8}); > > > > }, > > > > > the css part: > > > > #overlay{ > > > > position:absolute; > > > > top:0; > > > > left:0; > > > > width:100%; > > > > height:100%; > > > > z-index:5000; > > > > background-color:#000; > > > > } > > > > > In Firefiox it works but in IE the entire page blinked a few times and > > > > then it appears with the lightbox in it... I hope you understand my > > > > bad English but i dont know how to explain it in English otherwise.--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---