popup

jQuery: How can I show an image popup onclick of the thumbnail?

怎甘沉沦 提交于 2019-12-28 01:43:10
问题 In my aspx page I have a thumbnail image <img> . When the user clicks on that image I would like a popup to show that blocks out the rest of the UI with the larger (full) version of the image. Are there any plugins that can do this? 回答1: There are a lot of jQuery plugins available for this Thickbox LightBox FancyBox FaceBox NyroModal PiroBox Thickbox Examples For a single image Create a link element () Give the link a class attribute with a value of thickbox (class="thickbox") Provide a path

Javascript Confirm popup Yes, No button instead of OK and Cancel

不羁的心 提交于 2019-12-27 10:26:07
问题 Javascript Confirm popup, I want to show Yes, No button instead of OK and Cancel. I have used this vbscript code: <script language="javascript"> function window.confirm(str) { execScript('n = msgbox("' + str + '","4132")', "vbscript"); return (n == 6); } </script> this only works in IE, In FF and Chrome, it doesn't work. Is there any workround to achieve this in Javascript? I also want to change the title of popup like in IE 'Windows Internet Explorer' is shown, I want to show here my own

How to handle Pop-up in Selenium WebDriver using Java

人盡茶涼 提交于 2019-12-27 10:21:12
问题 I want to handle sign-in part in rediff.com, but the below code doesn't work for that: driver.get("http://www.rediff.com/"); WebElement sign = driver.findElement(By.xpath("//html/body/div[3]/div[3]/span[4]/span/a")); sign.click(); String myWindowHandle = driver.getWindowHandle(); driver.switchTo().window(myWindowHandle); WebElement email_id= driver.findElement(By.xpath("//*[@id='signin_info']/a[1]")); email_id.sendKeys("hi"); If myWindowHandle is not the correct string, then let me know how

Open an ionic modal on top of an ionic popup

两盒软妹~` 提交于 2019-12-25 19:02:17
问题 I'm trying to open a modal page generated from a click in my popup but the modal page stays backward the popup. Any idea how to handle that? I tried to play with : .popup-open .backdrop { z-index: 11; } without success 回答1: In fact, just modify $z-index-modal to 13 in SCSS variables. 来源: https://stackoverflow.com/questions/37701678/open-an-ionic-modal-on-top-of-an-ionic-popup

Javascript to show hidden div overlay with close button on clicks

耗尽温柔 提交于 2019-12-25 18:37:02
问题 I am after a little help - I'm not a great programmer, and can usually find the answers to my questions with googling, but not this time! I am trying to produce a specific effect on a webpage, and am struggling to find some basic JS I can modify/tweak to do what I need. I am going to put a panel of 10 images, in two rows of five, across a webpage. Each image will have a 'Name' above it, and a 'Job Title' below it. When the image is clicked on, I'd like the (relevant) hidden div to display,

Call function simultaneously with location.reload to display a proper message in Javascript

谁说胖子不能爱 提交于 2019-12-25 16:48:14
问题 I have a onclick function which I call like this and then reload the page: $(document).on("click", "#btnAuthorize", function () { location.reload(); $('#messageLoading').show(); }); Is there any way to call a function which would display a pop-up while the page is reloading ? The trick here is that page reload might take up to 30-50 seconds so I gotta display something to the end user. Can someone help me out with this ? 回答1: If you have to literally reload the existing page (rather than

how to Avoid the Unwanted popup window creation while Using two types of editing in a single kendo grid in asp

喜你入骨 提交于 2019-12-25 16:25:35
问题 am Using KEndo Grid .. popup editing For Toolbar and inline Editing for Command $(".k-grid-popup", grid.element).on("click", function () { var popupWithOption = { mode: "popup", template: kendo.template($("#customPopUpTemplate").html()), window: { title: "Your Title" } }; grid.options.editable = popupWithOption ; grid.addRow(); grid.options.editable = "inline"; }); This Code is Working Fine,,If i Click Edit button And Update the Record then i click add button means that 2 popup window will

How do I vertically center a modal using jQuery, independent of scrolling height?

为君一笑 提交于 2019-12-25 16:10:04
问题 I want to vertically center a modal. If the window height is sufficient to require scrolling, the popup always appears near the top. This means I will need to scroll up to see it. var winH = $(window).height(), winW = $(window).width(); $(".popup").css('top', winH / 2 - $(".popup").height() / 2); $(".popup").css('left', winW / 2 - $(".popup").width() / 2); CSS: .popup { overflow:hidden; position:absolute; width:600px; } 回答1: Just go with " position: fixed ". 回答2: Sounds like you already found

WebDriver click on “Java window”

房东的猫 提交于 2019-12-25 14:26:37
问题 I'm saving files from the Application, and have this save window: Here to press "OK" button I used next method: Robot robot = new Robot(); robot.keyPress(KeyEvent.VK_ENTER); robot.keyRelease(KeyEvent.VK_ENTER); After this window Java Loading application to open it: And After this I have this window and previous code doesn't work here, I can't press Enter: Who know how to Click on "Run" on the last screenshot? 回答1: I think again it will be a lot easier to use Sikuli for the job. You can do it

Why the top value of popup dialog is changed after popupbeforeposition event

不想你离开。 提交于 2019-12-25 11:54:56
问题 I want my popup dialog to show at the top of the screen at each time, so, i add the logic in JS as follows. $( "#dress_length_size_chart_popup" ).on({ popupbeforeposition: function () { var f = document.getElementById('dress_length_size_chart_popup-popup'); f.style.top = ** +'px'; } }); Unfortunately, it doesn't work. Although, the top is set in the callback function of popupbeforeposition , the value will be changed again, and my settings are overridden. (what happened here??) If I move the