magnific-popup

Display PHP output in Ajax Popup

由 吃可爱长大的小学妹 提交于 2019-12-06 16:09:05
问题 Hi All! So I'm a noob, and most of my code was done by a programmer for me. I can't get him to help me now. I have a calculator that displays results (produced by calc.php) without relaoding the page. Demo is here: http://www.roofingcalculator.org/popup/popup.htm Now I added Ajax popup (contact form) from here: http://dimsemenov.com/plugins/magnific-popup/ and it works. What I want is to display the results of calc.php inside the Popop, but it does not work. Details: When user clicks

Why is my popup styling messed up?

由 纵然是瞬间 提交于 2019-12-06 13:56:13
I'm using Magnific Popup to create a popup form. I copied and pasted the code from the "Popup with Form" demo here , resulting in the following test file: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" > <head> <script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../js/magnific/jquery.magnific-popup.js"></script> <link rel="stylesheet" type="text/css" href="../css/magnificPopup.css" /> <script

“TypeError: $(…).magnificPopup is not a function” in nopCommerce 3.40

由 醉酒当歌 提交于 2019-12-06 07:54:40
The following code displays picture thumb nails and attaches a magnificPopup event. it also embeds a picture within a picture. This all worked a few days ago but now broken it somehow and now all i get is a js type error. I have tried fiddling around with jQuery.noConflict() even though i have not added any new libs or updated old ones but that of course did nothing. i know that the problem has to do with magnificPopup somehow because if i simply remove the script from the code everything works fine again. I guess i made a simple error somewhere which leads to this but i can't find anything

Click anywhere closes MagnificPopup ajax box

由 妖精的绣舞 提交于 2019-12-06 07:44:49
问题 Whenever I'm trying to fill login form (which is a magnific pop up ajax box) it gets closed in the first instance of click. main.html $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: 'ajax', alignTop: false, overflowY: 'scroll' }); }); <a class="simple-ajax-popup-align-top" href="result.php">try me</a><br> result.php <div> <form action="..." method="post"> Email: <label class="field_container"> Password: <input type='text' name='cust_username' id='username' maxlength

Can't get magnific popup to work, two javascript errors

由 |▌冷眼眸甩不掉的悲伤 提交于 2019-12-05 11:47:50
I am trying to make a lightbox gallery and have used the example source code. Here is the documentation I read over: http://dimsemenov.com/plugins/magnific-popup/documentation.html Uncaught TypeError: undefined is not a function Uncaught ReferenceError: $ is not defined I am not sure what the errors mean or what to do with them. In a video tutorial I watched, they said something about a jquery conflict being a potential problem. On a different page of the website, I used a Kwicks sliding menu (which also used jquery). That's the only thing I can think of. I would really appreciate any help you

Display PHP output in Ajax Popup

由 老子叫甜甜 提交于 2019-12-04 23:06:28
Hi All! So I'm a noob, and most of my code was done by a programmer for me. I can't get him to help me now. I have a calculator that displays results (produced by calc.php) without relaoding the page. Demo is here: http://www.roofingcalculator.org/popup/popup.htm Now I added Ajax popup (contact form) from here: http://dimsemenov.com/plugins/magnific-popup/ and it works. What I want is to display the results of calc.php inside the Popop, but it does not work. Details: When user clicks "Calculate" button, the form sends info to CALC.JS using POST, which then sends info to CALC.PHP and diplays

Title for iframe/video in magnific popup

由 情到浓时终转凉″ 提交于 2019-12-04 17:49:45
问题 I need to show title/caption for video popup. In image type there is option for this, but none for video/iframe. In docs (http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe_type) I found example of templating markup but I don't understand how to make title visible. Would you please help me to setup iframe markup to show title in popup window from link like <a class="popup" title="This is caption" href="http://vimeo.com/41128754"></a> JS code $('a.popup').magnificPopup({

Click anywhere closes MagnificPopup ajax box

由 我与影子孤独终老i 提交于 2019-12-04 11:46:50
Whenever I'm trying to fill login form (which is a magnific pop up ajax box) it gets closed in the first instance of click. main.html $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: 'ajax', alignTop: false, overflowY: 'scroll' }); }); <a class="simple-ajax-popup-align-top" href="result.php">try me</a><br> result.php <div> <form action="..." method="post"> Email: <label class="field_container"> Password: <input type='text' name='cust_username' id='username' maxlength="12" style="width: 250px; height: 30px" /></label> <label class="field_container"> Password: <input

why magnific popup ajax box closes if clicked on content

由 只谈情不闲聊 提交于 2019-12-03 16:39:19
问题 Please Please Please help me.. I have been trying to get the magnific popup ajax box to show login form. It seems that form appears but as soon as I click anywhere in form or ajax body, it disappears. below is the code $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: 'ajax', alignTop: false, closeOnContentClick: false, overflowY: 'scroll' }); }); <a class=".ajax-popup-link" href="result.php">try me</a><br> Below is the php that I look to load in ajax box. This is not

Multiple Galleries with Magnific Popup

由 安稳与你 提交于 2019-12-03 08:44:35
I'm trying to create a page with a few galleries using the Magnific-Popup jQuery plug-in. I different sections contained in div s with separate ids and a .gallery class containing the images. <div id="content_1"> <p>Some content</p> <div class="gallery"> <a href="img/pic_1"><img src="img/pic_1.jpg"></a> <a href="img/pic_2"><img src="img/pic_2.jpg"></a> </div> </div> <div id="content_2"> <p>More content</p> <div class="gallery"> <a href="img/pic_3"><img src="img/pic_3.jpg"></a> <a href="img/pic_4"><img src="img/pic_4.jpg"></a> </div> </div> To get the galleries to be separate in the popup I
订阅 magnific-popup