Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-19 Thread bernard wolsieffer 

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 group.
To post to this group, send email to prototype-scriptacul...@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.

Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-19 Thread Christophe Decaux 
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:
 page appears (without the 1.5 duration).
 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 group.
 To post to this group, send email to prototype-scriptacul...@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.

-- 
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-scriptacul...@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.

Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-19 Thread bernard wolsieffer 

Very good. Thanks. I'll give it a shot.

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 
prototype-scriptaculous@googlegroups.com 
mailto:prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com 
mailto:prototype-scriptaculous+unsubscr...@googlegroups.com.
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 
prototype-scriptacul...@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.



--

/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 prototype-scriptacul...@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.

Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-19 Thread bernard wolsieffer 
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 
prototype-scriptaculous@googlegroups.com 
mailto:prototype-scriptaculous@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com 
mailto:prototype-scriptaculous+unsubscr...@googlegroups.com.
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 
prototype-scriptacul...@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.



--

/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 prototype-scriptacul...@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.

Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-19 Thread Christophe Decaux 
You got it, this is exactly how I managed it
Christophe
Le 19 mars 2010 à 17:23, bernard wolsieffer a écrit :

 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:
 page appears (without the 1.5 duration).
 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 group.
 To post to this group, send email to 
 prototype-scriptacul...@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.
 
 -- 
 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-scriptacul...@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.
 
 
 -- 
 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 prototype-scriptacul...@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.

-- 
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-scriptacul...@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.

[Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-18 Thread bernard christophe 
I'm trying to use these two effects to transition between different 
pages. The html context:


   body onload=loadPage('index.html'); id='home'

   div id=root

   iframe id=contentFrame style=display: inline; src=
   width=100% height=100% frameborder='0' scrolling='no'
   marginHeight='0' marginWidth='0'
   /iframe

   /div

   /body

the code to attempt this:

   function loadPage(s) {
Effect.Fade('root');
$('contentFrame').src = s;
Effect.Appear('root');
   }

The actual behaviour is to show the page (without any fade effect) and 
then disappear. Shouldn't fade make the div container invisible, load 
the content into the iframe, then visible the div?


Thanks in advance.
bernard

--
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-scriptacul...@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.

[Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-18 Thread bernard wolsieffer 
also, the src attribute (no matter where I put it) always reverts to , 
even though I explicitly set it in the function...

--

/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 prototype-scriptacul...@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.

Re: [Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-18 Thread Franck WATTEAU 
Hi,

You can't use an Ajax.Updater to load content into a div ?

Franck,

On Wed, Mar 17, 2010 at 7:54 PM, bernard wolsieffer 
bernard.wolsief...@gmail.com wrote:

  also, the src attribute (no matter where I put it) always reverts to ,
 even though I explicitly set it in the function...
 --
 --
 *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
 prototype-scriptacul...@googlegroups.com.
 To unsubscribe from this group, send email to
 prototype-scriptaculous+unsubscr...@googlegroups.comprototype-scriptaculous%2bunsubscr...@googlegroups.com
 .
 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 prototype-scriptacul...@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.

[Proto-Scripty] Effect.Fade/Effect.Appear

2010-03-18 Thread aurelius_resartus 
Thanks, Franck, but no. I'm working on a very basic site host which
has no
server-side scripting available (the customer doesn't have/doesn't
want
to spend the money for the extra services, and it's only going to
last
until November - it's a political campaign site). Otherwise, I'd use
that in a heartbeat and would not have this problem.
Basically, I'm trying to use scriptaculous to jazz up the site
behaviours a bit (fade between pages).

Two things I noticed:
 whenever I try to set the iframe src to a new page, it loads
the
page, blanks it out, and when I inspect the DOM tree,

* display is set to :none in the iframe and body,
* the iframe.src value reverts to .

I did see another thread here that might address the problem
(observe(dom:loaded)). I'm going to try that out...

-- 
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-scriptacul...@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.