WordPress.org

Forums

WP-FlyBox
[resolved] IE[8-10] - tabs doesn't work (19 posts)

  1. ofsajd
    Member
    Posted 2 years ago #

    hello,

    i have a problem with flybox, on chrome, safari, ff, opera everything is ok, but on IE (8-10) tab (i have only fb) onmouseover doesn't show me a window with fb stream, nothing happens :( i've disabled jquery in plugin.

    i have the latest version of flybox, and WP 3.5

    please help me :)

    http://wordpress.org/extend/plugins/wp-flybox/

  2. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    If you are seeing a blank white when you open the tab it is probably because you have an IE addon installed or set your cookies to strict or some other addon or setting that disables facebook from being able to use cookies or tack you. I had the same problem with a Firefox plugin called Facebook Disconnect. Once I disabled it and cleared my cookies and cache everything worked fine. Can you try viewing it from another computer with IE 8-10 or send me the link to your website so I can try it in a fresh version of IE 8-10? Thanks

  3. ofsajd
    Member
    Posted 2 years ago #

    i have clean IE with default settings, i use it only for tests. the problem is that, when i move cursor on tab, box with fb stream doesn't moves into the screen. i've tested it on 3 computers with IE.

  4. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    It is probably something to do with your theme. What theme are you using?

  5. ofsajd
    Member
    Posted 2 years ago #

    thematic

  6. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    I installed thematic on a couple of my sites and a fresh install of wp flybox and had no problems in IE 8 or 9. It may be one of your plugins causing a problem. If you have wp-flybox showing on your site now, then you can send me your site address and I can look at it specifically.

  7. Gene
    Member
    Posted 2 years ago #

    ofsajd,

    Are you using a child theme?

    What version of Thematic is installed?

  8. ofsajd
    Member
    Posted 2 years ago #

    Gene,

    1 / no
    2 / version 1.0.3.2

    cconoly,

    site is under construction, i will send you address via email

    thanks!

  9. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    ojsajd ok if you cant find my email you can send it via http://njarb.com/contact-us/

  10. ofsajd
    Member
    Posted 2 years ago #

    i sent it via contact form on your site

  11. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    I got it, thanks.

    There is a fatal error in your theme js. It is in file custom_menu.js, located at:
    /wp-content/themes/thematic/library/scripts/custom_menu.js?ver=3.5

    The javascript logs the position of the facebook tab to the browser's console. Since IE does not have a console, the browser returns an error and does not execute the command after that which is to show the tab.

    To Fix it, edit the file and comment out (with the //) lines 150, 154, 161, 164 where it says:
    console.log(jq('.wpfb-facebook-transition').css('margin-left'));

    I can see the author of the theme or that script commented out all the other console commands but probably forgot about this one.

    This should fix the problem, but if it does not let me know of course!

  12. Gene
    Member
    Posted 2 years ago #

    That script is not included with Thematic and it should not be added to Thematic's directory structure since it will likely be overwritten next When Thematic is updated.

    If you're going to build off of Thematic you should create a child theme and not edit Thematic's files or include your custom scripts from Thematic's directories.

  13. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    ofsajd, did you create that script or get it from somewhere else. And I agree it should not be in the thematic directory structure.

  14. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    I found the same problem in the file custom_landing.js, located at:
    /wp-content/themes/thematic/library/scripts/custom_landing.js?ver=3.5

    This could also be causing the problem. Try commenting out your console commands in all your custom javascript files.

  15. ofsajd
    Member
    Posted 2 years ago #

    hi!

    i did it but still doesn't work, also i removed all of the code in these files without positive result :(

  16. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    I found the problem. Either you edited an id in your themes default.css or the theme edited it. The edited style is:

    div.wpfb-facebook {
        margin-top: 100px;
        right: -330px !important;
    }

    Since it has !important, when you hover, the style cannot change to right:0px; because the important is keeping it set at 330px. So you would need to delete this in your theme's default.css

    If you want the style to be 330px instead of 328px by default then you would need to edit wp-content/plugins/wp-flybox/includes/css.php and change line 140 which has the array that contains the default widths.

    $wpflybox_widths=array(
          1 => '292', //facebook
          ...

    would need to change to

    $wpflybox_widths=array(
          1 => '294', //facebook
          ...

    Increasing the default width by 2px is basically doing the same thing you or your theme is doing without having it stuck with !important.

    Please try this and let me know whether or not it worked for you.
    Thanks!

  17. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    Or if you want to just move it over and not effect the width you can edit line 168 of wp-content/plugins/wp-flybox/includes/css.php and add 2 to the position.

    echo 'div.wpfb-facebook {width:'.($wpflybox_widths[1]+68).'px;top:'.$wpflybox_pos[$key].';'.$wpflybox_side.':-'.($wpflybox_widths[1]+36).'px;position:'.$wpflybox_position.';z-index:999999;text-align:right;direction:ltr;}';
    would change to:
    echo 'div.wpfb-facebook {width:'.($wpflybox_widths[1]+68).'px;top:'.$wpflybox_pos[$key].';'.$wpflybox_side.':-'.($wpflybox_widths[1]+38).'px;position:'.$wpflybox_position.';z-index:999999;text-align:right;direction:ltr;}';

    I changed the +36 to +38.

    This would just move the box and not effect the width of the iframe and box.

  18. ofsajd
    Member
    Posted 2 years ago #

    thanks a lot!
    it works!
    i used both of your advice
    in nearby time i'll buy you some beer via paypal ;)

    thank you one more time

  19. cconoly
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks, I'm glad you got it working. I am marking this post resolved. Please let me know if you have any other problems in a new post.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP-FlyBox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.