Woohoo! Works pretty well, although, i'm not sure that I did it
completely correctly. I had to put the Effect.Appear inside the
afterFinish for the Effect.Fade... otherwise, nothing showed up.
Now all I have to do is generalize the buttons to use this... merci
boucoups.
bernard
On 3/19/2010 9:20 AM, Christophe Decaux wrote:
I haven't look thoroughly at your issue, but seems to me that you have
to queue those two effects. Otherwise, they try to happen together.
I ran a while ago into the same issue.
When you lauch an effect, javascript doesn't wait for it. Remaining
code is executed immediately.
So either you look at Effects.Queue in Scriptaculous doc, or you
investigate the afterFinish option that you could add to the first effect
Christophe
Le 19 mars 2010 à 15:44, bernard wolsieffer a écrit :
Update:
I changed things up a bit:
<body onload="loadPage('index.html');" id='home'
style="display:inline; ">
<div id="root" width="100%" height="100%" style="display:inline; ">
<div id="container" width="100%" height="100%"
style="display:inline; ">
</div>
</div>
</body>
Note that I removed the <iframe> from the page definition. Now, the
changes in code:
function loadPage(s) {
Effect.Fade('root', {duration:1.5});
if ($('contentFrame')) {
$('contentFrame').remove();
}
Element.insert('container', {top: "<iframe
id='contentFrame' src='" + s + "' frameborder='0' scrolling='no'
width='100%' height='100%' style='display:inline; '></iframe>"});
Effect.Appear('root', {duration:1.5});
}
Result? The element upon which I apply Fade/Appear has either
style="display:none;"
or
style="" (which seems to force 'display:none')
and it doesn't matter if it's the body element or the root <div>. The
effect still is:
1. page appears (without the 1.5 duration).
2. page disappears (without any duration).
Note that I'm using Google Chrome - its debugging facility is
actually pretty nice. The behaviour is the same in Firefox.
Thanks in advance for any hints that might help.
bernard
--
You received this message because you are subscribed to the Google
Groups "Prototype & script.aculo.us <http://script.aculo.us>" group.
To post to this group, send email to
[email protected]
<mailto:[email protected]>.
To unsubscribe from this group, send email to
[email protected]
<mailto:[email protected]>.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
--
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.
--
------------------------------------------------------------------------
/Le homme n'est rien; le oeuvre c'est tout/
Flaubert
--
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.
