fancybox

How can I get AngularJS binds working with a fancybox dialog?

本秂侑毒 提交于 2019-12-13 12:48:04
问题 I'm learning AngularJS and I'm having some difficulties with dialogs . Since i'm converting my app from a classical Jquery-based to an angular one, i want to use Fancybox to open dialogs with custom dynamic HTML inside, with the fancybox open method. $.fancybox.open(html); I wrote a service to use fancybox : now i open my dialogs but the content inside the dialog is not "compiled" against angular , so any angular directive set on that HTML doesn't work. See the example http://plnkr.co/edit

How to load php page with fancybox? [closed]

十年热恋 提交于 2019-12-13 09:13:54
问题 It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center. Closed 7 years ago . I searched a lot but I can't find an answer. In my contact.php I have this code: <a class="mailform" href="submit.php">Click</a> I have this script, but it doesn't work: $('.mailform').click(function() { $

Div-fired galleries in Fancybox

為{幸葍}努か 提交于 2019-12-13 08:21:55
问题 I'm using Fancybox two and instead of using the <a> tags to fire Fancybox I'm using div tags and within my Javascript I'm using this code: $('#portfolio>#project').click(function(){ $background_image = $(this).css("background-image"); $background_image = $background_image.replace('url(','').replace(')',''); $.fancybox({ href: $background_image }); }); However, by following the Fancybox documentation to create a gallery (by adding rel="gallery1" to your images, or in my case, div s), there is

Close FancyBox that is inside an iframe from the parent page onload

独自空忆成欢 提交于 2019-12-13 07:20:52
问题 I know this is possible and can be done, or at least used to be like that. Now I can't find the code anywhere. I want to close the fancybox within the iframe on document ready from the parent page. How to do this? Any help is appreciated! 回答1: After careful examination and researching everywhere from here to all over Google, seems like this is not possible at all due to security issues rising from it if the browsers did allow such a thing. 来源: https://stackoverflow.com/questions/14982632

Close Fancybox 2 window and redirect parent window

霸气de小男生 提交于 2019-12-13 06:31:06
问题 I've got a Fancybox 2 iframe modal window that contains an 'Add to Cart' form. When the form is submitted, a success/confirmation page will be loaded within the Fancybox modal window. I want to run a script on this success/confirmation page that closes the Fancybox window and redirects the parent window to this URL: '/shop/basket' How can I do this? Here's the code I've got at the moment (which just closes the Fancybox window, but doesn't do the parent window redirect): <script type="text

Fancybox: just some images displayed in page but have more in the gallery

一世执手 提交于 2019-12-13 06:12:42
问题 This is my script that calls FancyBox: <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".fancybox").fancybox({ helpers : { title : { type : 'float' } }, beforeShow: function(){ this.title = '<div>'+jQuery(this.element).next('div').html()+'</div>'; } }); }); </script> And these are my 6 images in HTML <div id="mydiv"> <a class="fancybox" data-fancybox-group="gallery" href="IMAGE_URL"><img id="thumb1" src="THUMB_URL" /></a><div style="display: none;">DESCRIPTION</div>

fancybox makes multiple request on iframe

淺唱寂寞╮ 提交于 2019-12-13 05:10:52
问题 I'm using the fancybox v2.1.5 for a .net application. I use the iframe for displaying an aspx-side. Works fine. But today I noticed, that the request to my aspx-page to be displayed in a fancybox was made 4 times. I tested it with another page - same issue. Here is all what I do: <a href='ChangePassword.aspx' class="fancybox fancybox.iframe" style="color:white;text-decoration:none;">Change password</a> This is the easy side, but in another there are some DB-Calls an many lines of code, so it

Display gallery popup outside iframe

二次信任 提交于 2019-12-13 05:01:39
问题 I read some thread in here, but I haven't found a good solution for gallery item. I am not expery in jQuery so please bear with me here. I have code to display one image outside iframe. But my goal is to add left/right arrow to scroll through my gallery. I have this script <script type="text/javascript"> $(document).ready(function () { $('.fancybox').click(function (e) { e.preventDefault(); parent.$.fancybox({ type : "image", // force type of content to image href: this.href, title: this

Jquery live - launching a fancybox iframe

一笑奈何 提交于 2019-12-13 04:56:01
问题 So I have a an ajax table of results that have tags links that allows you to edit the entries. Currently the links look like this <a href="edit.php?id=$id">Edit Entry</a> What I want to do is open edit.php in a lightbox and send the id so as it is ajax I have to launch the lightbox using the live() function/ $("a.edit").live('click',function () { //fancy box code goes here, open edit.php?id=$id }); thanks 回答1: First, you'll want to add class="edit" to the links, so the jQuery selector can use

show ajax content in fancybox on fly

别等时光非礼了梦想. 提交于 2019-12-13 04:45:23
问题 i am working on ajax and i want to show the content after success in in a fancy box. i already did it through jquery ui dialoge but the problem with it is of overlay which i am unable to do. so decided to use finish. function showCustomer() { // fire off the request to ajax_stufflist.php request = $.ajax({ url: "ajax_stufflist.php?"+url, type: "post", success: function(data){ var $response = $(data).find("#gmp_stuff").html(); $("#user_responses").html($response); $(function() { $( "#user