JQuery UI popup elements not positioning correctly

Posted by Okku on Stack Overflow See other posts from Stack Overflow or by Okku
Published on 2010-05-17T18:38:54Z Indexed on 2010/05/17 18:40 UTC
Read the original article Hit count: 308

Filed under:

jquery-ui-autocomplete

|

jquery-ui-dialog

|

positioning

I am using both JQuery UI Dialog and JQuery UI autocomplete both have the same erroneous behavior when they popup, the position is always 0,0! I have tried some different position arguments when popping up the dialog but non seems to help.

Any clues? Is this a bug in the position calculation in JQuery? Or is this some css bug?

Versions are 1.4.2 and 1.8.0

© Stack Overflow or respective owner

Related posts about jquery-ui-autocomplete

jQuery UI autocomplete not working in IE

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, I've got the new autocomplete widget in jQuery UI 1.8rc3 working great in Firefox. It doesn't work at all in IE. Can someone help me out? HTML: <input type="text" id="ctrSearch" size="30"> <input type="hidden" id="ctrId"> Javascript: $("#ctrSearch").autocomplete({ source:… >>> More
jQuery UI autocomplete combobox in a modal dialog

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to use a autocomplete combobox http://jqueryui.com/demos/autocomplete/#combobox within a modal dialog. However whenever I click on the down arrow (of the combobox) it causes a refresh that results in my modal window closing. How do I stop the refresh from occuring? (I am still new to jQuery) I… >>> More
Cant get Jquery ui autocomplete widget to work

as seen on Stack Overflow - Search for 'Stack Overflow'
Im trying to develop my first ASP.NET MVC web app and have run into a problem with the jquery ui autocomplete widget. At the moment I have a form with a number of text boxs which would lend themselves well to an autocomplete ability. The code for my "Make"(Car make) text box is show below: jquery: $(function()… >>> More
jQuery UI Autocomplete plug-in format results

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using jQuery UI Autocomplete plug-in. Is there a way to highlight search character sequence in drop-down results? For example, if I have data: "foo bar" it and I search for "foo" I get "foo bar" in drop down. >>> More
jquery ui autocomplete with database

as seen on Stack Overflow - Search for 'Stack Overflow'
I fairly new to JQuery and perhaps trying to achieve something that might be abit harder for a beginner. However I am trying to create an autocomplete that sends the current value to a PHP script and then returns the necessary values. Here is my Javascript code $("#login_name").autocomplete({ … >>> More

Related posts about jquery-ui-dialog

jQuery UI Dialog adding unwanted inline styles to images

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using JQUery UI to for the front end of a rails app I am developing. I am using jQuery dialog windows for displaying some tabbed data and inside one of these tabs I want to render some images. The rendering of the images works fine if I view the page without Javascript, however for some reason… >>> More
ASP.NET:Integrating many pages to one using jQuery UI dialog

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a four ASP.NET pages,Page 1.aspx,Page2.aspx,page3.aspx and page4.aspx.Normally the user will come to Page1 and then enter his data in the form elements.On clicking on the Go button Page 2 will come and so on up to page 4.Now i want to Integrate all of these items to A single page using jQuery… >>> More
Remove filter attribute after jQuery UI dialog is finished opening

as seen on Stack Overflow - Search for 'Stack Overflow'
Using jQuery UI 1.8rc3 combined with the new jquery.effects.fade.js code, I've been able to finally apply fade-in and fade-out effects to opening the UI Dialog widgets. Hooray! $dialog.dialog({ show: { effect: "fade", options: {}, speed: 150 } } This works great - unfortunately, there's… >>> More
jQuery UI Dialog and gif + text display

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, What is proper way to display a gif image into the dialog with text with nice formatting etc.. So far here is my code: Copy code var $dialog = jQuery('<div></div>').html('<p>Sending your message...</p><img src="../images/AjaxWait.gif"/>') however by doing this… >>> More
jQuery UI dialog and Ajax POST, JSON

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to combine Ajax post with jQuery UI dialog? And I want to process the ajax reponse in JSON to HTML for showing inside the Dialog box var url = AJAX_URL+requestId+'/'+userId; // Need to POST the requestId and userId instead of GET $("body").append("<div id='dialog-modal'>Loading… >>> More