osdir.com
mailing list archive F.A.Q. -since 2001!



Subject: [jQuery] Effects like slideDown() that leave
display set to "inline" - msg#00316

List: jQuery

Mail Archive Navigation:
by Date: Prev Next Date Index by Thread: Prev Next Thread Index


The online documentation for "slideDown" and "slideUp" says that only
the height is affected by those routines. That claim is false: the
value of "display" is also changed, and for me that's a problem.

I have a div that's set up with "position: absolute" and
"display:inline". I want that box to appear in the layout relative to
its surrounding content, and that's the simplest way I know to do
that. I also want the box to be animated. I do not, however, want
jQuery to touch my "display" value, because setting it to "block"
breaks the layout completely.

Looking at the (not trivial to understand) code, it *appears* that the
original value of the "display" attribute is saved, or rather that the
code attempts to save it. However, that's not working for me: my div
is definitely display:inline to start off, but a call to "slideUp" or
"slideDown" always leaves it either "display: none" or "display:
block".

Thread at a glance:

Previous Message by Date:

[jQuery] Re: unblockUI() problems in IE

Yup took out the z-index too. I have it in there because when i use the UI datepicker it goes behind the blockUI. Still has the IE problem. On Sep 3, 4:16 pm, MorningZ <morni...@xxxxxxxxx> wrote: > have you tried dropping the z-index styling?  that's got to be an > issue > > On Sep 3, 3:49 pm, Matthew Abbott <dduck1...@xxxxxxxxx> wrote: > > > > > It seems to bug because i am using a <form> > > Ive tried the <form> tag inside the <div> and outside the <div> like > > below. > > If i take out the <form> tag, it goes away fine without issues. > > > <script src="js/jquery.js"></script> > > <script src="js/jquery.blockUI.js"></script> > > <script> > >         $(function() { > > >                 $.blockUI({ message: $('#question'), css: { width: '275px' > > } }); > >                 $('#btnClose').click($.unblockUI); > >         }); > > </script> > > > <form action="" method="post" id="editForm"> > > <div id="question" style="display:none; cursor: default;z-index:200"> > > >         <input type="button" id="btnClose" value="close"> > > > </div> > > </form>- Hide quoted text - > > - Show quoted text -

Next Message by Date:

[jQuery] Re: Ajax not working in Firefox

You **must** install and use something like Firebug or TamperData to see what your browser is sending to the server, and what your server is sending back. Just because the HTML response content looks like an error does not necessarily mean that the HTTP response contained an error code (for example). On Sep 3, 1:29Âpm, RPrager <ryan.pra...@xxxxxxxxx> wrote: > I just tested this code using FF2 and it works just fine. This appears > to be a FF3 problem only. I'm currently using Firefox version 3.5.2. > Any ideas? > > On Sep 3, 10:31Âam, RPrager <ryan.pra...@xxxxxxxxx> wrote: > > > Thanks for the idea but adding (dataType: 'text') did not produce a > > different result. > > > On Sep 3, 9:32Âam, æè <keyoft...@xxxxxxxxx> wrote: > > > > My english is not well. > > > > $.ajax({ > > > Â Â Â Â type: "POST", > > > Â Â Â Â url: "newcoleng", > > > Â Â Â Â data: "F10=Yes&F11=No", > > > Â Â Â Â dataType: 'text', > > > Â Â Â Â success: function(data){ > > > Â Â Â Â Â Â Â Â alert( "Data Saved: " + data ); > > > Â Â Â Â } > > > > }); > > > > Try it.

Previous Message by Thread:

[jQuery] Autocomplete: implement result() to link a selection

I have autocomplete working for a list of colors(red, green, blue, etc). I created an array of $id's to match each color. For example if someone types and selects "red", I want it to go to a page like mypage.php?id=1. How can I (1) parse the ids in the array and (2) implement the result() function so that it links to a page and posts the proper $id? I have a live example with source code here: http://psylicyde.com/misc/autocomplete/ Thank you for your time, and if you would be kind enough to be as explicit as you can with examples on how to make an autocomplete result link to a page and pass an $id. -- View this message in context: http://www.nabble.com/Autocomplete%3A-implement-result%28%29-to-link-a-selection-tp25283153s27240p25283153.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Next Message by Thread:

[jQuery] Re: Effects like slideDown() that leave display set to "inline"

Did you ever find a solution to this problem? I ran into the same issue. On Sep 3, 4:24 pm, "emmecin...@xxxxxxxxx" <emmecin...@xxxxxxxxx> wrote: > The online documentation for "slideDown" and "slideUp" says that only > the height is affected by those routines.  That claim is false: the > value of "display" is also changed, and for me that's a problem. > > I have a div that's set up with "position: absolute" and > "display:inline".  I want that box to appear in the layout relative to > its surrounding content, and that's the simplest way I know to do > that. I also want the box to be animated.  I do not, however, want > jQuery to touch my "display" value, because setting it to "block" > breaks the layout completely. > > Looking at the (not trivial to understand) code, it *appears* that the > original value of the "display" attribute is saved, or rather that the > code attempts to save it. However, that's not working for me: my div > is definitely display:inline to start off, but a call to "slideUp" or > "slideDown" always leaves it either "display: none" or "display: > block".
blog comments powered by Disqus

Home | News | Sitemap | FAQ | advertise | OSDir is an Inevitable website. GBiz is too!