Hvem glor – din bror Den ikke-så-personlige blog af Bjørn Klinggaard

1. 

   Daniel
   23. maj, 2011 - 22:28

   IE9 problem is corrected by using a valid <!DOCTYPE
2. 

   dleriche
   24. maj, 2011 - 03:30

   Almost got it! My problem is will not center correctly if position is set to auto. If i resize the browser window, seems to find center. Same problem on both IE and FF

   Thanks,
3. 

   Mikey
   1. juni, 2011 - 13:54

   Thanks for the great plugin. I have found a problem that seems to be cross-browser (only tested IE9, FF4 and IE6). If the scrollwheel is moved whilst the bpopup is fading in, the div can appear with a low opacity or even set to zero (the overlay loads OK). Any further calls to the bpopup will show the same level of fade. The bpopup is there as mouseover indicates its presence but strangely the callback does not execute either.

   I know not many people will scroll the site whilst loading but it also occurs if the page is scrolled to the bottom and then reloaded (the browser will jump to the bottom whilst the popup is fading in) and bpopup is called on document.ready.

   It also happens on your examples page if you can click and move the mousewheel fast enough!

   Any insights would be great. The only workaround I have is to set fadeSpeed:0 but it obviously loses the nice effect.
4. 

   bigmumet
   9. juli, 2011 - 08:18

   how to close the pop up use button sir??
   I am adding function on click, but only disabble the popup.. not disammble the background dark..

   function hide()
   {
   document.getElementById(‘my_form_name’).style.display=’none’;
   return false
   }
5. 

   Waikiki
   9. juli, 2011 - 20:00

   Very slim and nice feature.

   But it doesn´t work correctly in some safari-browsers, especially if using with the iPad.
   Hope that someone can find the problem.
6. 

   DryKillLogic
   10. juli, 2011 - 00:49

   Hi, I found a possible solution to fix the issue centering the popup in Chrome & Safari

   Use:

   $(window).load(function() {
   $(“#div_to_popup”).bPopup();
   });

   The root problem is that WebKit browsers (Safari and Chrome) load JavaScript and CSS information in parallel. Thus, JavaScript may execute before the styling effects of CSS have been computed, returning the wrong answer and this happend when we call to .outerHeight() and .outerWidth() .

   See ya!
7. 

   Joseph
   13. juli, 2011 - 19:12

   The following code successfully opens on first click but on second click it opens the link as if JS was disabled:

   $(“a[class*='popupbox-link']“).live(“click”,function () {
   if($(“#popupbox”).length == 0){
   $(‘body’).append(‘Stäng‘);
   }
   var url = this.href;
   $(“#popupbox”).bPopup({contentContainer:’#pContent’, loadUrl: url });
   return false
   });

   Why it this?
8. 

   Rajiva
   29. juli, 2011 - 08:35

   Thank you for helping out web developers with your efforts.

   I saw an issue with IE8 though. Not sure if it is me or IE8.

   Whenever the height of the popup div was larger than the available height of the browser window, the popup window did not render. What I did,

   1. All I had was on the html page was the link to popup the modal window.
   2. I set the height of the modal window to 400px
   3. I resized the browser window to something less that 400px. The scroll bars on the browser window would not show as the html page itself has very little height since it contains only a link as the displayable elements
   4. If I click on the link, the modal window did not show.
   5. Then I resize the bowser window to more than 400px, reload the html page. This time the modal window renders fine
   6. If I put a div around the link (to popup the modal) and set a minimum width of the div to larger than the modal winodw (say 500px) and I resize the browser window, the scroll bars now show. Now if I click to display the modal, it shows up.

   I tested this on Chrome and it was OK. I have not tried this on other browsers.
9. 

   Martyn
   15. august, 2011 - 18:18

   Would be an amazing plugin if only it supported multiple instances.
10. 

    frass
    24. august, 2011 - 09:44

    not work with jquery 1.6.2….
11. 

    frass
    24. august, 2011 - 10:05

    sorry..my mistake..it works
12. 

    Fabian
    22. september, 2011 - 21:07

    Hi,
    I use bPopup for loading php files in it with .bPopup({loadUrl
    It has no modal, so while the popup is open you can click anywhere else.
    Now if you click on another link that should be loaded in the popup it should close and open again with the new content.

    So how do I check whether the popup is already open or not?
    Or do you know a good way how to realize this?

    Thanks in advance!
13. 

    AJW Design + Ilustration
    28. september, 2011 - 18:48

    I love the plugin, but I ran into a problem with its implementation– the method of loading the modal window is destructive, meaning that once a modal has been opened subsequent clicks on the modal trigger yield no result.

    I wanted users to be able to reopen the window in case they closed it prematurely. To get around the destructive issue, I used this bit of code:

    $(“a.form”).click(function(){
    var form = $(this).next(“div”).clone();
    $(this).next(“div”).bPopup({closeClass:’close’});
    $(form).insertAfter(this);
    return false
    });

    And voila! Infinite re-opens of the modal window. I thought this would be useful to anyone seeking to accomplish the same.
14. 

    Andres
    30. september, 2011 - 23:59

    I am having just a small problem with have a contact form inside this popup. Everything works great but the submit button closes the popup without processing. Am I doing something wrong here?? Any suggestions are more than welcomed.
15. 

    Richard
    16. oktober, 2011 - 19:49

    HI,
    Simple question I hope. How can I make the popup window bigger ie increase the width and the height.
    Thanks
16. 

    dinbror
    19. oktober, 2011 - 20:41

    Hi all.

    bPopup version 0.6.0 is almost ready for release. It’ll add support for multiple popups on same time, a fixed follow behaviour and more. You can follow the release log at my twitter account.
    I’ll look through all the unanswered question when the new version is released. If you still have issues please repost and I’ll start with them. It’s also much easier for me to help if you provide a live example or add it in a jsfiddle.
17. 

    Paul
    30. oktober, 2011 - 19:34

    When you use the close function on 0.6.0, $(“#…..”).bPopup().close(); it removed the popup box, but not the modal greyed out background. Using Chrome 15.0.874.106 m. Not sure if this is a bug or if I’m doing something wrong.

    Thanks
18. 

    Shun
    31. oktober, 2011 - 22:59

    Hello everyone:

    I’m doing some test with this great plugin, but when y load ajax pages and then I close them a pair of times, this error arises o.contentContainer.empty is not a function.

    The code I use is the next

    $(“#popup2″).bPopup({ contentContainer: ‘#pContent’, loadUrl: “pages/trabajo/caso.html”, position: [40, 450], modalColor:’black’, modal: true, closeClass: “bClose”, opacity:1.0 });

    Thank you and best regards.
19. 

    Drek
    5. november, 2011 - 02:56

    On my website, using version 0.6.0, calling “$([my selector]).bPopup().close()” does not work. The popup will disappear but the gray background will remain.

    Clicking the gray background or hitting escape (both before the error occurs or after the error occurs) works fine.

    Version 0.5.1 works fine on my website. I’m happy to provide additional info as needed.

    (Clicking the gray background reaches line 76 in jquery.bpopup-0.6.0.js. Calling close() manually does not.)
20. 

    dinbror
    8. november, 2011 - 20:30

    @Paul + Drek: Thanks for your input. It was a bug. I forgot to update the close function when I did multiple popups possible. Good catch. The new download (still 0.6.0) fixes the issue.

    @Shun: Hmm the code looks fine. (No need for setting the closeClass, modalColor and modal since you’re using the defaults;)). Can you maybe provide a live example or insert your code in a jsfiddle.net where you can reproduce the error?
    Do you also get an error after closing my example 4b on the demo page a couple of times?
21. 

    Banned
    10. november, 2011 - 11:08

    How can i close bpopup from inside iframe ?
22. 

    Michael
    15. november, 2011 - 15:02

    I can reproduce the “o.contentContainer.empty is not a function” error by immediately loading a popup after an ajaxstop. Once you close the popup this error comes up hundreds of times in firebug. I’m trying something like this i.e.

    $(“.ui-tabs-panel”).ajaxStop(function() {
    $(“#worklistDealSummaryContainer”).bPopup({
    appendTo: ‘#worklistResults’,
    contentContainer: ‘#worklistDealSummary’,
    loadUrl: ‘contract/${sessionScope.contract}/dealsummary’,
    position: ['auto', '12%']
    });
    });
23. 

    Eric yang
    16. november, 2011 - 05:37

    Hey, for those who are struggling on the IE9 align issue, I found the cause of the problem. Just need to remove the css: “margin: 0 auto” from your modal container, guess it conflicts with the default center position from the plugin. hope this could work for you guys~! btw, thanks dinbror for the great plugin, very simple and elegant.
24. 

    Michael
    26. november, 2011 - 20:57

    Hi dinbror,
    When I do multiple popups. The first time works without any problems. It creates a div with bPopup2 class. When I close the second popup and create a new popup again. It create a div with bPopup1 ignoring the first popup that was still open. So I see two divs with bPopup1 class.
25. 

    nike free run
    17. december, 2011 - 10:25

    How can i close bpopup from inside iframe ?
26. 

    Mike
    22. december, 2011 - 19:33

    Any way to stop tabbing behind the modal?

Leave a comment Annuller svar