modal-dialog

问题 I have a stack of images on which I want to perform some operations. After processing each image, my program should pop up a dialog to prompt the user if they want to proceed with the next image or to abort. Before that, they should have an opportunity to do some manual changes either on the images or on the parameters. Anyway, they must have access to the windows of the applications, while the execution of the method that called the dialog should be blocked until the dialog is closed. I

问题 I'm creating a quickview functionality, where you can see the contents of each item in a product listing directly in a modal that will open. In the modal there is a frame that is generated dynamically with javascript, and I place the url of my controller that renders the modal content (url like this http://localhost/quickview/product/view/id/18564/ ). When the modal is closed, I delete the modal content, and when the user wants to see the content of another product on the same page, I re

问题 I'm using the jQuery-UI dialog widget in a Grails-based application to load a remote page (in this case, a simple file upload form). The remote page is defined elsewhere in my project, and doesn't know it is being loaded in a dialog. Is there any way to close the dialog via a link in the remote page? Would I have to somehow pass a reference to the dialog when I load the page, or is there a way to trigger the close event while remaining agnostic of the dialog itself? 回答1: Try this HTML: <a

问题 I have a dropdown menu with several months values. This is an example of one of them. <li data-toggle="modal" data-id="January" class="random " href="#AddMonth">January</li> I would like to pass the "January" value to a php variable. Something like this <div class="modal fade" id="AddMonth" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data

问题 I have modalDialog embedded into other modalDialog . When I run modalButton both of them closed. How to close only embedded modalDialog ? Now : Code : library(shiny) shinyApp( ui <- fluidPage( actionButton("one","Press") ), server <- function(input, output,session) { observeEvent(input$one,{ showModal(modalDialog( actionButton("two","Press 2"), footer = tagList( modalButton("Cancel") ))) }) observeEvent(input$two,{ showModal(modalDialog( "OKAY", footer = tagList( modalButton("Cancel") ))) })

问题 I have modalDialog embedded into other modalDialog . When I run modalButton both of them closed. How to close only embedded modalDialog ? Now : Code : library(shiny) shinyApp( ui <- fluidPage( actionButton("one","Press") ), server <- function(input, output,session) { observeEvent(input$one,{ showModal(modalDialog( actionButton("two","Press 2"), footer = tagList( modalButton("Cancel") ))) }) observeEvent(input$two,{ showModal(modalDialog( "OKAY", footer = tagList( modalButton("Cancel") ))) })

问题 I put a form inside a modal and I trying to show some of the hidden fields of the form when users trigger the radio-button. After I show the hidden fields the height of the modal auto-rescale but the height of the modal's backdrop doesn't work as the modal dialog. How could I fix it? <!-- modal --> <div class='modal fade' id='contact-modal' tabindex='-1' role='dialog' aria-labelledby='modal-label' aria-hidden='true' data-backdrop='static' data-keyboard='false'> <div class='modal-dialog'> <div

问题 I want to position Dojo's Dijit Dialog relative to one of my html element. is it Possible? If yes. How? currently it always shows dialog in middle of viewport. Can any one help me regarding the matter? Thanks. amar4kintu 回答1: Another way that I do this (not great because I override a private method but it gives me the flexibility I want): var d = new Dialog({ title:"Your Dialog", _position:function(){ if(this.refNode){ p = Geo.position(this.refNode); Style.set(this.domNode,{left:p.x + "px",

问题 I need to close my modal just by using css like this: http://jsfiddle.net/raving/1mhsynmw/ However, I can't get it to work. My modal below. function alert(msg) { document.getElementById("alert").innerHTML = '<div class="modal-overlay"><div class="modal"><div class="modal-container"><h3>' + msg + '</h3><p>' + msg + '</p></div><p class="modal-footer"><a href="javascript:" id="ok">OK</a></p></div>'; } alert("This is some text to show you this modal. This is some text to show you this modal. This

问题 I'm using Twitter bootstrap, CSS and JS. The problem comes from the Modal plugin, it's working fine on Firefox and IE but displays bad in Chrome : the modal successly pop up, but behind the modal-backdrop so it's impossible to use the form (contained in the modal box) You can have a try by clicking the top right buttons : http:// It's working fine on bootstrap example page ( http://twitter.github.com/bootstrap/javascript.html#modals ) so I guess it's coming from my CSS I've looked everywhere