modal-dialog

Draggable JS Bootstrap modal - performance issues

故事扮演 提交于 2019-12-20 09:45:12
问题 For a project at work we use Bootstrap Modal windows in JavaScript. We would like to make some of the windows movable, but we are running into performance issues with JQuery. $("#myModal").draggable({ handle: ".modal-header" }); Example , Source . In IE9, it works as expected. In Chrome, horizontal dragging works as expected, and vertical dragging is rather slow but not problematic. In Firefox, horizontal dragging works as expected, but vertical dragging is extremely slow. It's strange,

Update an object in the array using a modal form and display updated details

好久不见. 提交于 2019-12-20 07:14:17
问题 I'm trying to update an external object by clicking on the edit button. It brings up a pop-up, wherein I can enter the new information and it should then update the user accordingly. But somehow it doesn't seem to work. It just triggers a page refresh and nothing happens at all. Could you please help me fix this? var myData = [{ company: "ABC", url: "www.abc.com", type: "internal" }, { company: "CDE", url: "www.cde.com", type: "internal" }, { company: "DEF", url: "www.def.com", type:

Multiple Jquery modal Dialog Boxes in one page?

自古美人都是妖i 提交于 2019-12-20 06:33:34
问题 I am brand stinking new to jquery and attempting to have a "Services" page for a tech website I am working on. I am having trouble with different services opening the same info in the window. Basically I am using the code straight from the demo. Any ideas on how to have multiple windows in the same page? Thanks! 回答1: Many modal dialog boxes have the ability to insert data into the modal dialog by use of an iFrame. I'm not sure which plugin you are using (or the built-in jQuery ones I guess)

Make Java Swing Modal Dialog Behave Like Mac OSX Dialogs

风格不统一 提交于 2019-12-20 05:46:21
问题 I am writing a small app that requires a ProgressBar to appear centred under the frame's TitleBar as is often seen in Mac OSX apps. I have two problems: 1 . I have managed the positioning but I had to hard code the parent Frame's TitleBar height. Is there a 'soft' way to get the TitleBar's height? In the Dialog's constructor: Dimension dimensionParentFrame = parent.getSize(); Dimension dimensionDialog = getSize(); int x = parent.getX() + ((dimensionParentFrame.width - dimensionDialog.width)/2

twitter bootstrap modal — how to pass data to callback function

半世苍凉 提交于 2019-12-20 05:41:55
问题 is there a way to pass additional data to bootstrap modal function callback? for example, lets say my link that causes the modal to open has an extra attribute in it with a bit of useful data in it, how could I reference that attr? HTML <span listid="80" href="#editTaskList" data-toggle="modal" class="btn btn-mini right"><i class="icon-edit"></i> Edit Task List</span> JS $('#editTaskList').on('show', function () { // get the source of the click, and then get the data i need. }); 回答1: Could

jQuery Modal that appears on form submit

被刻印的时光 ゝ 提交于 2019-12-20 05:12:46
问题 I have this code that I run when a user submits a form (this is to stop them resubmitting the form or leaving the page and let them know that the form is doing something) var lastx = 0; var loadingAnim = setInterval(function () { UpdateSpinner("#loading", 128, 1536); }, 32); function UpdateSpinner(target, step, width) { $(target).css("background-position", lastx + "px 0px"); lastx = (lastx - step) % width; } var objModal = '<div id="overlay"><div id="loading">loading...</div></div>'; function

Stop Playing Video When I Close The Lightbox

最后都变了- 提交于 2019-12-20 04:16:14
问题 I built a popup using this article and it looks really good. Here is what I did: <button id="open-popup">Play</button> <div id="popup-box" class="modal"> <div class="popup-content"> <span class="close">×</span> <p>[vimeo shortcode]</p> </div> </div> Here is the css /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow:

WPF modal window in Visual Studio Extension blocking input

落爺英雄遲暮 提交于 2019-12-20 04:09:10
问题 Using the following tutorial, within a VSIX project, I created a WPF window that inherits from Microsoft.VisualStudio.PlatformUI.DialogWindow, and I display this modally using the following code: var myWindow = new MyWindow(myParameters); myWindow.ShowDialog(); When I compile this in RELEASE mode and start without debugging [Ctrl+F5], it opens the Experimental version of Visual Studio. Here, I open another Solution and then execute my Modal Window. The window works just fine - I can type in

Prevent body scroll on touch devices when scrolling on modal

流过昼夜 提交于 2019-12-20 03:33:10
问题 I'm working on a web app that uses lots of modal overlays with scrollable content in the modal . On touch devices, and in particular on Android, the mobile browser wants to scroll the body content behind the modal instead of the actual scrollable content area within the modal. Or, if the content does scroll, when it hits the top or bottom of the scrollable area, the scrolling then continues on the body. I don't want the body to scroll at all under any circumstances when the modal is visible

How to make a modal JFrame? [duplicate]

此生再无相见时 提交于 2019-12-20 03:21:44
问题 This question already has answers here : Closed 6 years ago . Possible Duplicate: How to make a JFrame Modal in Swing java I have 2 JFrames one is the main JFrame and the other one is a sub JFrame, and I'm trying to make the main JFrame inaccessible to user interactions when I display the sub JFrame. 回答1: How to make a modal JFrame? Don't. Use a modal JDialog -- that's precisely what they're for. You understand of course that a JDialog can hold a complex GUI, as complex as any held by a