All Questions
492
questions
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....