Oh My God! 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
Alex Duffield wrote: > Fror years I have been using "suckerfish" dropdown menus as found on > A List Apart http://alistapart.com/articles/dropdowns/ > > I was thinking on rewriting the JS to use scriptaculous blind down > effect. > > But there is no point reinventing the wheel if this has already been > done.... > > Ya, I admit it .. Im lazy.. > > any how, if any one knows if this has already been done please send > me a link. > > Thanks. > ______________________________________________________________________ > Alex Duffield . Principal . InControl Solutions . http:// > www.incontrolsolutions.com > > > > On 10-Sep-06, at 8:51 PM, Colin Mollenhour wrote: > > > To *load* a file it sounds like you just need to use Ajax.Updater > > passing it the div id and the page location. The iframe workaround > > is only needed for uploading files. > > http://wiki.script.aculo.us/scriptaculous/show/Ajax.Updater > > Colin > > > > Peter Michaux wrote: > >> On 9/10/06, webgodjj <[EMAIL PROTECTED]> wrote: > >> > >>> 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). > >>> > >> 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 > >> > >> > >> > >> > > > > > > > > --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= > [EMAIL PROTECTED]" type=3D"cite"> <PRE wrap= > =3D"">On 9/10/06, webgodjj <A class=3D"moz-txt-link-rfc2396E" href=3D"mailt= > o:[EMAIL PROTECTED]"><[EMAIL PROTECTED]></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 --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
