iframe not opening in fancybox

Discussion in 'Web Design' started by Manganix, Mar 14, 2015.

to remove all ads.
  1. Manganix

    Manganix Member

    Messages:
    112
  2. Manganix

    Manganix Member

    Messages:
    112
    Update: http://gamanga.com/GMG_CONCEPT_07.html#3

    I got the fancybox popup working now, but something is still not OK:
    when I click a button, the page jumps to the top of the website (should not be doing this) and the popup comes from right below, instead of nicely zooming in from the centre?

    I think the jqueries (versions...) from the fancybox, the slider, ... are conflicting? Tried some changes but without any luck.

    Here (http://gamanga.com/) it works just fine ... but even a copy paste doesn't work in the new version.

    I would appreaciate greately your feedback, thanks.
     
    Last edited: Mar 14, 2015
  3. Brian Angel

    Brian Angel Member

    Messages:
    248
    So, 2 things I noticed, well one noticed one idea.

    Your loading jquery latest 3 times, from 2 sources, in 2 places.

    Also I see the sliders are changing the hash value in the url. If your using ( and you are ) some sort of smooth scrolling, normally this looks for a hash and will scroll to it, which in your case MIGHT be the slideshow.

    This is an issue of, whenever your clicking, something is setting the focus to top.
     
  4. Brian Angel

    Brian Angel Member

    Messages:
    248
    Okay just looked at your post on blocking script. May I ask why your using a slideshow that uses .hashchange. That can cause all sorts of issues. Also some script seems to not be loading.

    I don't really use plug ins that much, but that might be some starting points.
     
  5. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    That WILL happen if your anchor element has a "#" in the URL attribute and you do not prevent the onclick event 'bubbling' up the the default handler by returning a NULL result to the handler.
     
  6. Brian Angel

    Brian Angel Member

    Messages:
    248
    OR.. you could take a second, pop open the code and see that there is no hash on the url being clicked. Don't go chasing bugs that don't exist.

    BTW found another reference to jquery latest being loaded, this time thru a script appending it in the header?? You might want to start looking at scrip loads and load order. A lot of you js is failing to load.
     
  7. Manganix

    Manganix Member

    Messages:
    112
    Hey, thanks for advising.

    I disabled the "hashchange" in the slider script and removed the # in the URL.
    But still when clicking the button, the page jumps to top and the fancybox popup is zooming from right below.

    http://gamanga.com/GMG_CONCEPT_07.html

    On the other hand, in the old design, I also had the smooth scroll to an #anchor and also the slider...but the fancybox worked just fine.
    http://gamanga.com/

    I'm looking further...

    how do you see this?
     
  8. Brian Angel

    Brian Angel Member

    Messages:
    248
    using firebug, but any dev tool console should show it.
     
  9. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Sure, but that would require me to debug someone else's code rather than offering pointers to allow someone else to actually learn to debug for themselves.
     
  10. Manganix

    Manganix Member

    Messages:
    112
    OK, I'm not a professional webdesigner. I only do this purely as a hobby if I have the time-which is very little. In the meantime, I've been trying all sort of stuff these past 2 days... but could't solve the problem with the fancybox pupop.

    already done:
    - disabled hashchange in slider script
    - removed the hashed from the URL
    - tried to eliminate as much as possible jquery from different sources
    - tried to re-arrange the scripts
    - removed the smooth scroll
    - tried colorbox instead of fancybox

    nothing worked.


    Could anyone please check the coding and see what is conflicting and what I must do?

    I'm seconds away from giving up on this fancy/colorbox thing and simply embed the youtube videos into the website...but this is plan B.

    Thanks for your help.

    http://gamanga.com/GMG_CONCEPT_07.html
     
  11. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Why does that matter? You have chosen to develop your own website pages, therefore you need to learn at least some the knowledge and skills of a professional developer. Otherwise you, like Blanche DuBois in the Tennessee Williams book "A Streetcar Named Desire" in will always be dependant on "the kindness of strangers"


    The href attribute being empty is JUST the same as having a hash symbol in there, it becomes self-referencing, meaning that browsers will normalise it as a link to the current URL.

    See the second part of my post regarding event 'bubbling'.
     

Share This Page