problem about fancybox-2-Collection of common programming errors

11 years ago
admin
12 minutes

  • user1510201
    javascript jquery youtube fancybox fancybox-2
    I’ve setup a PHP video browser on a website (check videos pod) when a video thumbnail is clicked a video should popup and play with the FancyBox script, but instead the video just does not load. Why is this?

  • CrazyAndy
    jquery fancybox fancybox-2
    I have a small issue with fancybox 2. I’m now to the coding stuff so sorry if I am going to ask stupid questions.I got the fancybox working on the testsite but when I click on an image the box opens and the whole page in the background shifts to the right and the scrollbar disappears. I don’t want this behaviour. The scrollbar should be there.It is on this site: http://elgaucho.lu/restaurant.phpCan you help me please?Thanks in advanceAndy

  • JFK
    javascript jquery fancybox-2
    I’m using fancybox 2 to open an iframe that displays some inputs as checkbox like:<input type=”checkbox” id=”contact” name=”sector” value=”cellular”>now I want that when the user clicks on the fancybox title a parent function will be called with the all checkbox values.this is my fancybox title:'<li onclick=”parent.sendIframeDataToParent(document.getElementByType(“checkbox”), “sector_hook”);”>Submit</li>’and I’m getting this error: Uncaught SyntaxError: Unexpected token } What

  • JFK
    javascript jquery fancybox fancybox-2
    Yeah, I’m a JS newb…I’ll admit it. I have a page with a list of addresses and various icons next to them. One icon is supposed to bring up a fancybox 2 gallery of photos for that address. The photos themselves are not initially displayed on the page, but loaded on demand. I’m trying to pass the address ID and the number of photos to generate a list. However, when I call it, it just brings up the fancybox with the string value of PhotoList instead of the photos. function DisplayPhotos(ID,

  • manish
    jquery fancybox fancybox-2 jquery-callback
    Is there any way of defining call back function at run time. Here is what I need. I am using fancybox.$.fancybox.open({href : ‘#modal_div’,minWidth:1150,minHeight:820,width:1150,height:820,autoResize:true,afterShow:function(){set_buttons();}});In another part of script, If the value received from server side is “true” then fancybox closes. What I what is to define a callback “afterClose” so as to do some specific thing only when server response is true otherwise not and it should simply close.$.

  • user2016543
    internet-explorer-8 fancybox-2
    I am trying to make Fancybox open a PDF. Everything works on the test server, but on the live server, IE8 crashes/stalls and no debug is possible. It works on all other browsers. Unfortunately, the site is not currently available to the public, but I thought someone might have experienced the same problem…$(“.fancypdf”).fancybox({openEffect: ‘none’,closeEffect: ‘none’,autoSize: true,type: ‘iframe’,iframe: {preload: false // fixes issue with iframe and IE}});<a class=”fancypdf” href=”/images

  • Chaya Cooper
    jquery-ui iframe fancybox-2 jquery-ui-tooltip
    I’m replacing the standard “Reset your password” text link with a help’ icon, but I discovered that when a jQuery Tooltip is on a link within an iframe, it remains open once the link is clicked until the parent page is refreshed. I’m using inline frames, but I also experienced the same problem when linking to another page. I tried moving the title inside a <span> tag, as well as closing the iframe and opening a new one with the functions below, but the tooltip just remains open on the page

  • maisch
    jquery fancybox conflict fancybox-2 msg
    I got these two scripts working at on my page:$(document).ready(function() {$(“.various”).fancybox(); }); wich is opening a lightbox with ajax content and the following: $(‘.check_item_delete.edit’).bind( ‘click’, function(){$.msg({ content : ‘blah blah’ }); });wich is a kind of modal script. the triggering elements are those:<div class=”collum_full”><div class=”journalbox_check” id=”journalbox_edit_check-6″><div class=”form_line” id=”line_6″><input type=”radio” class=”check

  • Jeremy
    grails fancybox grails-2.0 fancybox-2
    Using Grails 2.0.4 and FancyBox 2.I am trying to render html in a modal or dialog popup in the grails framework. Currently I am attempting to do this with FancyBox 2. However I cannot seem to render the fancybox. Here is what I currently have.Controller:class TestController {def index() { }def createResult() {render ‘got here dude’ }}Exert from gsp:<body>//attempts to use fancy box but fails <a class=”fb” href=”${createLink(action: ‘createResult’, controller: ‘test’) }” >Click Her

  • Sam Holguin
    javascript jquery html google-chrome-devtools fancybox-2
    I’m testing fancyBox for the first time and I’ve run into a hurdle.Following instructions on the developers website I’ve played around with the options you can pass to the fancybox() method so that only the primary image is displayed, and it retrieves information from an element rather than an attribute tag.It works perfectly locally, as can be seen here: But the same can’t be said when I went live as you’ll painfully see here.Chrome’s JS console is saying the following:Uncaught SyntaxError: Une

  • JFK
    jquery wordpress fancybox fancybox-2
    I have loaded the appropriate fancybox script and the stylesheet, and initialized the simplest version of fancy box that I can. I have never had this problem before, and the code works fine in a JSfiddle, but this time I get the loading icon appearing right smack in the middle of the page, before any fancy boxes are intentionally triggered. http://www.michaladarling.com/And then when I click on the small thumbnails at the bottom to launch the fancy box, I get an error in my console that reads:

  • Paul D. Waite
    javascript fancybox fancybox-2 pinterest
    I have a page that has both Fancybox and a Pinterest pin button. Both seem to work as they should, but when I close the Fancybox overlay I see the following JavaScript error:Uncaught TypeError: Cannot read property ‘data-pin-aha’ of nullMy Pinterest button renders as this:<a href=”http://pinterest.com/pin/create/button/?url=http://www.mywebsite.com/somepage&amp;media=http://www.mywebsite.com/content/images/2c63a4e0-3b65-4464-934c-77f2a7166090-Dim459X612.jpg&amp;description=some descri

  • Austin Mullins
    javascript ruby-on-rails fancybox-2
    I am using FancyBox2-Rails to open a small window/dialogue box when someone clicks on a certain link on my site.Here is the simple view::javascript $(document).ready(function() {$(“a.iframe”).fancybox(); });…%li= User_name= link_to ‘Click me’, “http://www.google.com”, :class => “iframe”…But I keep getting this error:Uncaught RangeError: Maximum call stack size exceeded jquery.js:2868 jQuery.event.remove jquery.js:2868 jQuery.event.remove …. …….Could anyone tell me what’s happening?T

  • Keith Jackson
    javascript backbone.js jasmine fancybox-2
    I have a modal login view that I’m testing with Jasmine. I have a nasty problem testing that the login button redirects. I’ve put the redirect in a method so that I can mock it and test the call but when I trigger the click event on the sign in button the spy seems to be ignored.Here’s the view I’m testing…define([‘ministry’, ‘models/m-auth’, ‘helpers/cookie-manager’, ‘text!templates/modals/login.html’, ‘jquery.custom’], function (Ministry, Authentication, CookieManager, TemplateSource) {var l

  • Fabrício Matté
    jquery html css fancybox fancybox-2
    I have JW player on Fancybox window. Everything works well, now I have only one design problem:When player window is shown (when it fires), it moves “bottom to up”, from down up to the window. It is because I added another div under the player. how can i fix this? Here is a demo example: http://teodore.ge/test/demo/I have made that like that:<script>$(“.fancybox”).fancybox({fitToView: false, // to show videos in their own sizecontent: ‘<div></div>’, // create temp contentscrol

  • j0k
    javascript jquery fancybox zurb-foundation fancybox-2
    When using Foundation 3 I have found there to be a clash of javascript whereby the top nav drop down does not display when using the Fancy Box lightbox javascript. I have used the Fancy Box javascript to display images on a Gallery page, but now the navigation drop down does not work on this page.This is the javascript that Foundation provides for the navigation:;(function ($, window, undefined) {‘use strict’;$.fn.foundationNavigation = function (options) {var lockNavBar = false;// Windows Phone

  • Rob McAllister
    jquery fancybox-2
    I have been researching and now need some input. Would someone show me the tweak that’ll make this code display the dropdown value in the alert? It currently displays as “undefined” while the textbox value displays correctly. Thanks.file1.ftl<html xmlns=”http://www.w3.org/1999/xhtml”> <body><button id=”displayFancyboxButton”>Display Fancybox</button><#include “file2.ftl”> </body> </html>file2.ftl<div id=”theContents” style=”display:none”><inp

  • JFK
    javascript jquery wordpress fancybox fancybox-2
    I am having trouble getting fancybox to display its corresponding images on a website that I’m building http://www.nomadicdrift.com/test/kaniwa#events . It’s a custom one page portfolio theme that I set up on the WordPress platform. If you follow the link to the events section you will see 1 figure item in a gallery like position. I have this image set up to work as a fancybox gallery, but when you click on it, it opens up the fancybox interface but does not place a image in the frame, even

  • DotnetSparrow
    javascript jquery fancybox fancybox-2
    I am using jquery fancybox in my asp.net MVC application like this:$.fancybox.open([$(“#AddCallRecordingPopup”)], {helpers: {width: 600,title: null,autoHeight: true,overlay: {css: {cursor: ‘auto’},closeClick: false}}});and I can see the fancybox. Html for fancybox is:<div id=”AddCallRecordingPopup” title=”Add Call Recording” style=”display: none”class=”popup-dv”> <input type=”text” value=”” title=”Click here to enter a telephone number” name=”NumberCalledTo” id=”NumberCalledTo

  • JFK
    jquery fancybox youtube-api fancybox-2 auto-close
    I’m trying to fire an event once the youtube video that I’m playing into my fancybox is ended.So I can close automatically the fancybox once the video is over.I have the last fancybox version and I’m on the youtube API, sticking to exemples but it seems that ytplayer object is “undefined” and I can’t make it work properly.I have read a lot of stuffs on internet including this one, which seems to be good: How make fancybox auto close when youtube video id done?This is the code I’m using: JsFiddle

  • JFK
    jquery fancybox fancybox-2
    I have a link to open Fancybox box as follows:<a class=”fancybox” rel=”gallery” href=”<?php echo $image_src; ?>” data-id=”<?php echo $post->ID; ?>”>The link has data attribute populated with an id as above. I want to make the data attribute available inside the Fancybox helper function. I have tried using $(this.element).data(‘id’) in the code below:helpers: {title: {type: ‘over’},buttons: {position: ‘bottom’,tpl: ‘<div id=”fancybox-buttons”><ul> \<li class=”b

  • ktharsis
    php joomla fancybox-2 virtuemart joomla-k2
    i’m using fancybox for form (in joomla 2.5 using virtuemart 2.0.18), I have a form when user clicks on buy now button the fancybox opens, and when clicks on submit button to submit the form the value successfully added to the cart but within the fancybox and next page opens in this fancybox, i don’t want to open the next window in this same fancy box,http://www.dextersoftwarelab.com/index.php/web-design-development/custom-web-developmentI want when user click on submit button the fancy box close

  • JFK
    jquery fancybox fancybox-2
    Fancybox breaks with the new jQuery v1.9.0.It affects both, Fancybox v1.3.4 and below – and – v2.1.3 and below.The errors shown are :v1.3.4 :Timestamp: 15/01/2013 10:03:28 AM Error: TypeError: b.browser is undefined Source File: …fancybox/jquery.fancybox-1.3.4.pack.js Line: 18… other errorsUncaught TypeError: Cannot read property ‘msie’ of undefined jquery.fancybox-1.3.4.pack.js:18 Uncaught TypeError: Object [object Object] has no method ‘fancybox’In v2.1.3 :Timestamp: 15/01/2013 10:09:58 AM

  • user2178018
    jquery magento fancybox fancybox-2
    Having some issues with a website that I am working on I can’t seem to get fancybox to work correctly testing it with a YouTube clip.Here is my script file. Using 2.1.4 with jQuery 1.9script.jsvar $j = jQuery.noConflict();$j(document).ready(function(){$j(‘.flexslider’).flexslider({animation: “slide”});$j(‘.fancybox-media’).fancybox({openEffect : ‘none’,closeEffect : ‘none’,helpers : {media : {}}});});the flexslider works just fine however the fancybox-media is having issues. when i click the li

  • JFK
    jquery fancybox fancybox-2
    Working on a new version of my site but can’t get fancy box to load properly:http://www.taintmovie.com/storecartloom2/I checked for duplicate calls to jquery, but did not see any.

  • AJFMEDIA
    jquery fancybox fancybox-2
    Ok I set some images to open up with fancybox. It used to work fine. Now I get 2 errors.What I changed im not sure. I have read online that you generally get the .fancybox is not a function error message when you have mutiple includes of the jquery library. As far as I am aware I have just the one. Here is an example of where you can get this error message:(www).thecardb.com/abarth/1000-Bialbero/1960/0/85I have done some url rewriting, is it a possibility that that is causing an issue?RewriteEng

Web site is in building