hey, Yes i looked at it [alpher.js] Event.observe(window, 'load', page_loaded_alpha);
function page_loaded_alpha(evt) { if($('firstTimeAlphaLink')) { $('firstTimeAlphaLink').onclick=show_first_time_alpha_form; } if($('alphaRegisterBack')) { $('alphaRegisterBack').onclick=show_initial_alpha_page; } } function show_first_time_alpha_form() { $('firstTimeAlphaLink').onclick=""; // $('addEmailToWaitListForm').removeClassName ('paddedAddEmailToWaitListForm'); // Effect.Fade('initialFormsArea', { duration: 0.9, queue: 'front' }); // Effect.Appear('alphaRegistrationFormsArea', { duration: 0.9, queue: 'end' }); // $('alphaRegistrationFormsArea').style.opacity=1; $('alphaRegisterBack').onclick=show_initial_alpha_page; $('initialFormsArea').style.display = 'none'; $('alphaRegistrationFormsArea').style.display = 'block'; } function show_initial_alpha_page() { $('alphaRegisterBack').onclick=""; // Effect.Fade('alphaRegistrationFormsArea', { duration: 0.9, queue: 'front' }); // Effect.Appear('initialFormsArea', { duration: 0.9, queue: 'end' }); // $('initialFormsArea').style.opacity=1; // $('addEmailToWaitListForm').addClassName ('paddedAddEmailToWaitListForm'); $('firstTimeAlphaLink').onclick=show_first_time_alpha_form; // //$('firstTimeAlphaLink').style.display="none"; // //$('firstTimeAlphaLink').style.display="block"; // $('firstTimeAlphaLink').style.opactiy=1; $('alphaRegistrationFormsArea').style.display = 'none'; $('initialFormsArea').style.display = 'block'; } initially did the above eliminating one issue after another, at start just showing next div with minimum 'block' / 'none'. i think the problem is with the effect function from scriptaculo............. analyzing it now. But creating a basic fade in/ fade out function is not hard if resolving the issue might take long: but still infinate love for scriptaculo now we try making it better......... Also why have: $('firstTimeAlphaLink').style.display="none"; $('firstTimeAlphaLink').style.display="block"; just curious....... [be patient]. Isaac javamaasai, Africa, Kenya On Feb 19, 12:39 am, jack7890 <jackgr...@gmail.com> wrote: > Hi, > > I'm using the scriptaculous fade and appear effects together to swap > in new content in an area of my website. So first I call the fade > effect to remove the old content, and then I call the appear effect to > bring in the new content. > > This works perfectly in Firefox, but in IE7, the text in the newly- > appeared region looks terrible. The problem is particularly bad for > italicized text. > > I've searched around online for a solution to this, and some people > indicated that setting a background color for the wrapper div would > solve the problem. But I have tried this and it does not help. > > Here is an example of what I'm talking > about:http://www.scribnia.com/main/alphawelcome > > To see the problem, using IE7, click the "First time visiting as an > alpha user? Create your account." link. Then click the "back" > button. You will see that the new text in IE7 looks terrible > (particularly the italicized text). > > Can anyone lend any advice? It would be much appreciated. I'm > copying the JS I'm using below, in case that is helpful: > > Event.observe(window, 'load', page_loaded_alpha); > > function page_loaded_alpha(evt) { > if($('firstTimeAlphaLink')) { > $('firstTimeAlphaLink').onclick=show_first_time_alpha_form; > } > > if($('alphaRegisterBack')) { > $('alphaRegisterBack').onclick=show_initial_alpha_page; > } > } > > function show_first_time_alpha_form() { > $('firstTimeAlphaLink').onclick=""; > $('addEmailToWaitListForm').removeClassName > ('paddedAddEmailToWaitListForm'); > Effect.Fade('initialFormsArea', { duration: 0.9, queue: 'front' }); > Effect.Appear('alphaRegistrationFormsArea', { duration: 0.9, queue: > 'end' }); > $('alphaRegistrationFormsArea').style.opacity=1; > $('alphaRegisterBack').onclick=show_initial_alpha_page; > } > > function show_initial_alpha_page() { > $('alphaRegisterBack').onclick=""; > Effect.Fade('alphaRegistrationFormsArea', { duration: 0.9, queue: > 'front' }); > Effect.Appear('initialFormsArea', { duration: 0.9, queue: 'end' }); > $('initialFormsArea').style.opacity=1; > $('addEmailToWaitListForm').addClassName > ('paddedAddEmailToWaitListForm'); > $('firstTimeAlphaLink').onclick=show_first_time_alpha_form; > $('firstTimeAlphaLink').style.opactiy=1; > > } --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---