1) Load your content into a hidden DIV
2) Copy the content from the hidden DIV to your target DIV after it
has loaded
3) Run your effect on the target DIV
There might be a better way, but that's how I worked-around that
particular problem
On Jun 7, 9:24 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> This is a question regarding prototype and scriptaculous.
>
> I have a div with the id="container" in a html file (and not much
> else), and another html file that I wish to load inside the
> "container" div. I want the content to fade in (appear), not just
> appear completly, but before the fading begins the new content sort of
> blinks or flashes.
>
> Please help me to understand.
>
> this is the javascript I use:
> <!--
> window.onload = function(){
> Event.observe(
> 'container', //the id of the target div
> 'click', // the event
> function(evt){
> new Ajax.Updater(
> 'container',
> 'templates/includes/houseImagesInclude.html',
> //the path to the
> file I wish to load
> {
> method: 'get',
> onComplete : function(){
> Effect.Appear('container'
> ,{from:0, to:1, duration:2} );
> }
> }
> );
> }
> );}
>
> -->
>
> Best regards
>
> Dave from Copenhagen
--~--~---------~--~----~------------~-------~--~----~
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 [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
