simplemodal

jQuery simple multiple modals on one html page

由 无人久伴 提交于 2019-12-18 09:31:24
问题 I tried the simple modal of Eric martin modal plugin. And I got a little difficulty. I did one modal on Html page but what if I want some more modals in one HTML page like I did the first one-just with different background and content? HTML: <div id='content'> <div id='basic-modal'> <a href='#' class='basic'>white whine</a> <div id="basic-modal-content"> <p> text text text</p> </div> </div> </div> jQuery: jQuery(function ($) { // Load dialog on page load //$('#basic-modal-content').modal(); /

For a div with a CSS-defined cursor, IE doesn't automatically reset the cursor if the mouse doesn't move while that div is made to hide

由 可紊 提交于 2019-12-13 16:28:48
问题 I know that's a mouthful in the title, but here's what's happening... I'm using Eric Martin's SimpleModal plugin in my project. When a modal popup is shown, I want to show the cursor as busy, not on the popup itself but on the overlay for the background. This is fine; it works, I added cursor:wait to the overlay div's CSS, and I don't to talk about why I shouldn't use the busy cursor. The popup is shown when a webserive call beings and closes after some work is done (waiting for a webservice

SimpleModal — Open OnLoad

由 十年热恋 提交于 2019-12-13 02:47:47
问题 I'm new to JQuery -- not new to javascript. Was able to open the OSX STYLE DIALOG using the hyperlink button provided in the demo index.html page, but would like to open it on the page load. I read a couple links on StackOverflow (How do I invoke a SimpleModal OSX dialog on page load?), but still could not get it to work in the exact same index.html page. I finally resorted to a stopgap measure by programmatically invoking the button click of a hidden button element -- see following fragment:

jQuery simplemodal closeHTML issue

由 孤街醉人 提交于 2019-12-13 01:17:27
问题 I'm having an issue where when initializing a modal window using the jquery.simplemodal plugin. With no closeHTML option, the modal window is formatted properly. $.modal(html, {}); However, if I specify closeHTML , the modal window is formatted to fit in nearly a 10x10 pixel square with scrollbars. $.modal(html, { closeHTML: '<a href="#close">Close</a>', }); Has anyone run into this issue and have any idea for a fix? Relevant specs are: Chrome8 on Ubuntu x86_64 jQuery 1.4.4 jquery.simplemodal

IE9 isn't applying @font-face fonts for a modal after it's shown

由 偶尔善良 提交于 2019-12-12 05:59:45
问题 So, I've got a page w/ a SimpleModal on it, and fonts are applied via Typekit (which uses some tricky JS to set up some @font-face rules) and everything is just dandy. Except for the modal itself; when you click to open it, the @font-face fonts aren't applied, so things look janky. If, however, you close it & re-open it, or you use the Developer Tools, the font is suddenly magically applied. Anybody seen this? 回答1: So Eric provided the answer (considering he's the developer of SimpleModal,

simplemodal click to show image?

由 百般思念 提交于 2019-12-12 02:43:02
问题 I have been working on the this for about ten hours and I am no closer to grokking the method than when I started. None of the examples at http://www.ericmmartin.com/projects/simplemodal seem to address this task in terms and HTML code that I am familiar with. My test page is at: http://chesstao.com/test.php I think I followed the instructions and tried: <!DOCTYPE html> <html lang="en"> <head><title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href=

one simplemodal script to handle images

由 巧了我就是萌 提交于 2019-12-11 18:20:08
问题 I have http://communitychessclub.com with about 20-30 smaller jpegs scattered throughout the website. I want to click on the image and have simplemodal popup the larger photo. Problem is I don't want to use separate scripts for each thumbnail. I just want to pass the height and width of each jpeg to a single simplemodal script. This seems like it would be faster bc the computer would know what to do w/o searching for a script for each image related to it. Maybe I could pass a css height and

Running Javascript inside a simplemodal window

由 [亡魂溺海] 提交于 2019-12-11 06:46:09
问题 I'm trying to add scripts to a modal (simplemodal) jquery plugin but they won't run, is this functionality simply not available when running in the modal or am I missing something. Here's how I'm calling simplemodal: $('#modal').modal({ onClose: function (dialog) { $App.setLocation('#/'); $.modal.close(); } }); and here's the html of the modal, which includes the addthis script (i've taken out the real username for posting here): <div class="article clearfix"> <div class="article-post"> <h2

SimpleModal containerCSS not working in Firefox or Chrome

由 别说谁变了你拦得住时间么 提交于 2019-12-11 06:06:37
问题 I tried to override the settings in the default stlyesheet that comes with the simplemodal jquery plugin with containerCSS which is working fine in IE7 but not Firefox or Chrome. Not sure if this is a bug or I am doing something wrong. jQuery code: $(document).ready(function() { $("#ButtonPopup").click(function() { $("#addEditTask").modal({ onOpen: modalOpen, persist: true, containerCss: ({ width: "300", height: "200", marginLeft: "-150" }) }); return false; }); }); HTML code: <button id=

Can I disable the ESC key close in SimpleModal

由 丶灬走出姿态 提交于 2019-12-11 04:28:01
问题 Talking about SimpleModal the jQuery plugin. Most of the time I think it is a handy feature but I am finding that in a certain case I need to remove it. What are my options? 回答1: use the escClose option: escClose [Boolean:true] Allow Esc keypress to close the dialog? http://www.ericmmartin.com/projects/simplemodal/ 来源： https://stackoverflow.com/questions/2593711/can-i-disable-the-esc-key-close-in-simplemodal
订阅 simplemodal