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 <[email protected]> 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 [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
