Skip to main content

All Questions

Tagged with
71 votes
22 answers
256k views

How can I position my jQuery dialog to center?

I have tried following code, but it only positions dialogs left upper corner position to center, and that makes element to be aligned to right. How can I center dialog to real center which counts ...
49 votes
9 answers
190k views

Custom "confirm" dialog in JavaScript?

I've been working on an ASP.net project that uses custom 'modal dialogs'. I use scare quotes here because I understand that the 'modal dialog' is simply a div in my html document that is set to ...
12 votes
4 answers
16k views

Refresh jquery ui dialog position

I'm using a jquery dialog. The content of this dialog is dynamic so the height change when the dialog is open. $("#a_div").dialog({ width: 400 }); The dialog initially appears center in the page. ...
0 votes
1 answer
88 views

jquery dialog window opens with datepicker text already focused

I know this is a tough one to understand.... I have a button that opens a dialog window. The buildPurchaseOrder url is just a form. $('#poDialog').dialog({ width:1000, height:1000,...
72 votes
16 answers
116k views

jQueryUI modal dialog does not show close button (x)

I'm using a jQuery modal dialog in my ASP .NET MVC 3 application. It works fine except for that there is no close button showing in the top right corner. How can I add this? $("#dialog-modal")....
12 votes
5 answers
13k views

jQuery UI dialog without a title bar but keep the close button

I want to remove the titelbar of the jQuery dialog. But I want to keep the close (cross) button there. I found this question: jquery UI dialog: how to initialize without a title bar? The answers there ...
-1 votes
1 answer
53 views

Generic jqueryui dialog

I have a number of places in my website where I have a jqueryui dialog. In many cases the jquery code is almost identical. Typical differences are for title, width, and height. The dialog is attached ...
0 votes
3 answers
1k views

jQueryUI setting options in a variable - syntax for effects

$(function(){ var dialogOpts = { autoOpen: false, height: 400, width: 600, position: ["center", "center"], ...
35 votes
8 answers
98k views

How can you disable scroll bars in the jQuery UI dialog box?

Does anyone know if there is a way to disable scroll bars in the jquery dialog box? The content that I have in the div is 300 px but the dialog is set to 200px. It automatically puts the scrollbars ...
2 votes
3 answers
11k views

how to open jquery ui dialog automatically when the page loads?

I need my dialog to open when the page is loaded automatically. What is the way to do it using jquery. Without any user interaction to open it. I tried this code but it dint work <html> &...
2 votes
1 answer
306 views

When jquery-ui dialog is open, unable to set focus or enter text in a <div> outside the dialog

I have a search box which should be accessible even when the jQuery-ui dialog is open. This was working when I used jQuery-ui 1.11.4 version. After updating it to jQuery 1.13.1 version, I have started ...
0 votes
1 answer
47 views

Pass dialog title variable in jQuery Dialog

I need to pass the title of the jQuery dialog variably. I am trying to use the "data" property like this: jQuery( "#dialog" ).data( 'the_title', 'John Doe Dialog' ).dialog( "...
32 votes
13 answers
42k views

jQuery UI datepicker opens automatically within dialog

I have a datepicker which is used within the jQuery dialog object. The source of the dialog's content is loaded using .load(). Within the dialog I created a script which creates a datepicker for the ...
0 votes
1 answer
44 views

How can I close a JQuery dialog using a pre-defined function?

I want to make my dialog close after the following function: function decide(category, choice, price, bool) { data.push([category, choice, price, earn]); } I have tried playing around with JQuery's ...
0 votes
1 answer
164 views

JQ UI Dialog Position Default not the same Desktop to Mobile

I have a page that has table with a lot of data and in several place embedded buttons in some columns that bring up dialog boxes for the user to interact with the data on that row. On the a desktop ...
42 votes
24 answers
145k views

jQuery UI dialog box not positioned center screen

I have a jQuery dialog box that is meant to position in the middle of the screen. However, it seems slightly off-center vertically. Here is the code: $('#add_box').dialog({ autoOpen: true, ...
0 votes
1 answer
42 views

JQuery UI Dialog Stacking Order With a Regular Div

I have a menu bar at the top of my page with dropdown links. I also have a draggable JQuery Dialog window with some contents. Problem is I do not want the dialog window to obstuct the menubar and ...
152 votes
24 answers
360k views

How to implement "confirmation" dialog in Jquery UI dialog?

I am try to use JQuery UI Dialog to replace the ugly javascript:alert() box. In my scenario, I have a list of items, and next to each individual of them, I would have a "delete" button for each of ...
0 votes
1 answer
484 views

.ui-dialog button.ui-button.ui-state-hover .ui-button-text{color:black} to jquery

I was trying all day long without success to convert CSS to jQuery. CSS code : .ui-dialog button.ui-button.ui-state-hover .ui-button-text{color:black} I thought it could be something like this. ...
0 votes
1 answer
248 views

IFrame in jQuery UI dialog sometimes doesn't load content in Chrome until dialog is moved or resized (but works in FF and Edge)

This is a truly odd one. I have a site which makes heavy use of jQuery UI dialogs to then show an iframe. The iframe loads content from the site itself, so there are no origin issues. Works ...
35 votes
10 answers
172k views

jQuery Dialog Box

Im trying to do a dialog box with jquery. In this dialog box Im going to have terms and conditions. The problem is that the dialog box is only displayed for the FIRST TIME. This is the code. ...
0 votes
1 answer
275 views

How to respect Content Security Policy when using JQuery UI dialog Widget?

I'm setting up CSP directives on an existing project that uses the JQuery UI dialog widget (https://api.jqueryui.com/dialog/). Using CSP, I do not want to allow the use of inline style. Unfortunately, ...
1 vote
2 answers
7k views

How to run TinyMCE in jQuery modal dialog?

What I want to do is: If the user clicks on/is focusing a small textarea (one of many) a dialog window with the tinyMCE editor shall open. Well the only working example I found was this but I couldn't ...
3 votes
1 answer
463 views

jQuery UI dialog is not a function when re-calling it

I have this function to open a jQuery UI dialog: function pop_up(div, titulo) { $("#" + div).dialog({ autoOpen: false, show: "explode", hide: "explode", ...
0 votes
1 answer
410 views

Dynamic jQuery UI dialog callback function problems

I am having issues using the jQuery UI dialog modal, and trying to pass in a dynamic name/value to be used as the callback function to execute (as well as arguments) I have a function that calls the ...
1 vote
2 answers
5k views

jqueryui opening multiple dialogs; should only open one

I have a feed with comments and want to allow users to delete a comment. The code below allows users to click on an image and a dialog box appears that alerts users of the deletion. Right now, this ...
9 votes
5 answers
23k views

jQuery dialog open and automatically close after 3 seconds

I am trying to open a jQuery dialog with no buttons to display with some animations and then automatically stay there for like 3 seconds, then close. Here is a jsfiddle of what I think should work, ...
5 votes
2 answers
9k views

jQueryUI Dialog positioning after vertical scrolling

I have the following jqueryui dialog: $("#dialog").dialog({ bgiframe: true, autoOpen: false, height: 420, hide: 'slide', modal: true, buttons: {...
0 votes
1 answer
172 views

Multiple dialog function inside loop

i try to make a multiple dialog form from some data in the database but when i clicked the button, the dialog form not showed i use PHP increment numeric to differentiate the attribute id then i use ...
32 votes
2 answers
49k views

blockui over jQueryUI modal dialog

I can't make BlockUI work over a modal dialog. I tried to look after z-index issues, but without success... In my web page, here is the head : <script type="text/javascript" src="http://ajax....

15 30 50 per page
1
2 3 4 5
17