loading file with scriptaculous
webgodjj
I am trying to figure out how to go about this. I wish to have a
hidden div, that expands on mouse out (hopefully grow). Then, use ajax
to load a file (php and html).
Peter Michaux
The only technique I know of for loading a file with ajax requires the
use of a hidden iframe. A quick string search through prototype.js for
"iframe" has no results. The Yahoo! UI library has the iframe
workaround included.
Peter
Colin Mollenhour
http://wiki.script.aculo.us/scriptaculous/show/Ajax.Updater
Colin
Peter Michaux
>
> To *load* a file
Oops! Read too fast.
Alex Duffield
______________________________________________________________________
Alex Duffield . Principal . InControl Solutions . http://www.incontrolsolutions.com
tdblanchard
I've been spending the last three days trying to figure out the exact
same thing!
Trying to use the Effect.toggle onMouseover/onMouseout and have been
running into a world of issues...
Let me know if you get this figured out.
~tim
> --Apple-Mail-1--745133354
> Content-Type: text/html; charset=ISO-8859-1
> Content-Transfer-Encoding: quoted-printable
> X-Google-AttachSize: 3373
>
> <HTML><BODY style=3D"word-wrap: break-word; -khtml-nbsp-mode: space; -khtml=
> -line-break: after-white-space; ">Fror years I have been using "suckerfish"=
> dropdown=A0menus=A0as found on A List=A0 Apart=A0<A href=3D"http://alistap=
> art.com/articles/dropdowns/">http://alistapart.com/articles/dropdowns/</A><=
> DIV><BR class=3D"khtml-block-placeholder"></DIV><DIV>I was thinking on rewr=
> iting the JS to use=A0scriptaculous blind down effect.=A0</DIV><DIV><BR cla=
> ss=3D"khtml-block-placeholder"></DIV><DIV>But there is no point reinventing=
> the wheel if this has already been done....=A0</DIV><DIV><BR class=3D"khtm=
> l-block-placeholder"></DIV><DIV>Ya, I admit it .. Im lazy..=A0</DIV><DIV><B=
> R class=3D"khtml-block-placeholder"></DIV><DIV>any how, if any one knows if=
> this has=A0already been done please send me a link.=A0</DIV><DIV><BR class=
> =3D"khtml-block-placeholder"></DIV><DIV>Thanks.=A0<BR><DIV> <P style=3D"mar=
> gin: 0.0px 0.0px 0.0px 0.0px"><FONT face=3D"Verdana" size=3D"3" color=3D"#8=
> 08080" style=3D"font: 12.0px Verdana; color: #808080">_____________________=
> _________________________________________________</FONT></P> <P style=3D"ma=
> rgin: 0.0px 0.0px 0.0px 0.0px"><FONT face=3D"Verdana" size=3D"3" style=3D"f=
> ont: 12.0px Verdana"><B>Alex Duffield</B></FONT><FONT face=3D"Verdana" size=
> =3D"3" color=3D"#808080" style=3D"font: 12.0px Verdana; color: #808080"> <B=
> >.</B> </FONT><FONT face=3D"Verdana" size=3D"3" color=3D"#800000" style=3D"=
> font: 12.0px Verdana; color: #800000"><B>Principal</B></FONT><FONT face=3D"=
> Verdana" size=3D"3" color=3D"#808080" style=3D"font: 12.0px Verdana; color:=
> #808080"> <B>.</B> <B>InControl Solutions</B> <B>.</B> <A href=3D"http://w=
> ww.incontrolsolutions.com/"><FONT color=3D"#0000ee" style=3D"color: #0000ee=
> "><B>http://www.incontrolsolutions.com</B></FONT></A><SPAN class=3D"Apple-c=
> onverted-space">=A0</SPAN></FONT></P> <P style=3D"margin: 0.0px 0.0px 0.0px=
> 0.0px; font: 12.0px Verdana; color: #808080; min-height: 15.0px"><BR></P> =
> <BR class=3D"Apple-interchange-newline"> </DIV><BR><DIV><DIV>On 10-Sep-06, =
> at 8:51 PM, Colin Mollenhour wrote:</DIV><BR class=3D"Apple-interchange-new=
> line"><BLOCKQUOTE type=3D"cite"> To *load* a file it sounds like you just =
> need to use Ajax.Updater passing it the div id and the page location. The i=
> frame workaround is only needed for uploading files.<BR> <A class=3D"moz-tx=
> t-link-freetext" href=3D"http://wiki.script.aculo.us/scriptaculous/show/Aja=
> x.Updater">http://wiki.script.aculo.us/scriptaculous/show/Ajax.Updater</A><=
> BR> Colin<BR> <BR> Peter Michaux wrote: <BLOCKQUOTE cite=3D"mid3cbaf1c80609=
> 101810o6d6a258en...@mail.gmail.com" type=3D"cite"> <PRE wrap=
> =3D"">On 9/10/06, webgodjj <A class=3D"moz-txt-link-rfc2396E" href=3D"mailt=
> o:webg...@gmail.com"><webg...@gmail.com></A> wrote:
> </PRE> <BLOCKQUOTE type=3D"cite"> <PRE wrap=3D"">Hi,
>
> I am trying to figure out how to go about this. I wish to have a
> hidden div, that expands on mouse out (hopefully grow). Then, use ajax
> to load a file (php and html).
> </PRE> </BLOCKQUOTE> <PRE wrap=3D"">The only technique I know of for =
> loading a file with ajax requires the
> use of a hidden iframe. A quick string search through prototype.js for
> "iframe" has no results. The Yahoo! UI library has the iframe
> workaround included.
>
> Peter
>
>
>
> </PRE> </BLOCKQUOTE> <BR>=20
Tom Gregory
events (in IE, of course) was that IE wasn't handling block level
padding appropriately.
It's been a while since I played with those events, though.
TAG
tdblanchard
http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm#theme