1. 

   Marco
   19. april, 2013 - 13:59

   Can I please ask if there is any way to exactly center the popup vertically? The distance between the top and the popup does not match the distance on the bottom. Thanks

   ( SVAR )
2. 

   Dexter :P
   19. april, 2013 - 14:11

   This works great but i dont want my element to dissapear after it pops up. Does anyone know how to solve this?

   ( SVAR )
3. 

   gugu
   21. april, 2013 - 23:34

   How can we show a popup for a visitor only ones per day ?

   ( SVAR )
4. 

   selvendran
   22. april, 2013 - 10:55

   This works great. Thank you for the plugin.

   ( SVAR )
5. 

   rodrigo
   22. april, 2013 - 20:17

   The script os great but is complciate understand your examples.. is it easier if you put some html css and js in one zip.. o rar.. but your example webpage just you can understand

   ( SVAR )
6. 

   gugu
   22. april, 2013 - 21:59

   I can´t get it to popup auto then I open my site
   I need simething like this:
   http://shoogledesigns.com/demos/jquery_modal_window.html

   but I like your popup and use it in a few websites
   so I been thankful if you can tell me how to do
   I had try your jsfiddle without success …

   ( SVAR )
   • 

     gugu
     2. maj, 2013 - 18:06

     None who knows how to do ?
     I am a beginner ! please help me

     ( SVAR )
     • 

       dinbror
       23. maj, 2013 - 20:23

       Just trigger the bpopup in document load:

       
$(function() {

       $('#element_to_pop_up').bPopup();
});


       ( SVAR )
7. 

   Susanna
   23. april, 2013 - 21:53

   using css to alter height in iframe working in Chrome and Safari but not Firefox:

   iframe{
   width:100%;
   min-height:100%;
   }

   using height:100% doesn’t work in firefox or chrome

   ( SVAR )
8. 

   robb
   24. april, 2013 - 06:54

   Hey,

   thanks for the great plugin!

   How could i make it work in a file with a php extension (ex. home.php)? It works fine when I rename it to html, but the whole code is in php and I don’t want to modify it.

   Thanks!

   ( SVAR )
   • 

     dinbror
     23. maj, 2013 - 20:25

     You’ll need to load the php file inside an iframe

     ( SVAR )
9. 

   Lloyd
   24. april, 2013 - 15:27

   What is the correct syntax (and where in the code do you do it!) for turning on scrollbars for an iFrame popup? I have tried adding the “scrollBar: true” option in different places to no avail.

   Thanks.

   ( SVAR )
10. 

    Carlos
    27. april, 2013 - 00:16

    Hi I’m trying to use your code with the option of loading an external page but the content is being shrunk. I cannot show all the info and the scrollbar is missed. Even when I already specify.

    // Busca la entrada para la ODS
    $(“#buscar-ods”).on(“input”, function() {
    $( “#buscar-ods” ).autocomplete({
    source: “buscar-ods.php” ,
    minLength: 0,
    select: function( event, ui ) {
    $(‘#popup-detalle-ods’).bPopup({
    zIndex: 99,
    easing: ‘easeOutBack’, //usa jQuery easing plugin
    speed: 650,
    transition: ‘slideDown’,
    scrollBar: true, // I’m waiting for the scroll bar to appear when content is larger than the opened window, but is not showing off
    escClose: true,
    loadUrl: ‘detalle_ods.php?id=’ + ui.item.value //usa jQuery.load()
    });
    $( “#buscar-ods” ).val( ui.item.value );
    return false;
    }
    });
    if( this.value == “”) {
    $(“#busqueda-ods”).val( null );
    } else {
    $(“#busqueda-ods”).val( null );
    }
    });

    ( SVAR )
11. 

    Ken
    27. april, 2013 - 16:35

    Glad I found this modal window plugin. I think this is better than Bootstrap or Foundation’s modal plugin.

    @Marco
    You can center it by setting amsl to 0.

    ( SVAR )
12. 

    igorska
    29. april, 2013 - 19:41

    Great plug-in.

    Thanks

    ( SVAR )
13. 

    Tho Nguyen
    2. maj, 2013 - 08:37

    I have the problem. I use bPopup with dynamic image load from database, it’s OK but when the first time, the image doesn’t in center. This is the HTML:

    X

    And this is the JS:

    (function($) {
    $(function() {
    $(‘.my-button’).click(function(e) {
    var option = $(this).closest(‘tr’).find(‘select option:selected’);
    var imageUrl = option.attr(‘imageurl’);
    if (imageUrl != undefined && imageUrl != ”){
    $(‘#element_to_pop_up’).find(‘img’).attr(‘src’, imageUrl);
    }else{
    $(‘#element_to_pop_up’).find(‘img’).attr(‘src’, ‘common/images/nophoto.gif’);
    }
    e.preventDefault();
    $(‘#element_to_pop_up’).bPopup({
    content:’image’,
    contentContainer:’.content’,
    });
    });
    });

    Would you please to help me ???
    })(jQuery);

    ( SVAR )
    • 

      dinbror
      23. maj, 2013 - 20:26

      See example 5b on the demo page

      ( SVAR )
14. 

    Peter Compton
    14. maj, 2013 - 20:41

    Hi!

    Are you available to freelance?

    I’d like to use this script to open an initial page (popup1), and then within that page have the ability to open another (popup1a) so I can edit content of popup1. Closing popup1a then refreshes content of popup1.

    I’m close, but would be happy to pay to get it working?

    Thanks
    Peter

    ( SVAR )
    • 

      dinbror
      15. maj, 2013 - 15:22

      Hi Peter.

      Yes I’m. You can ping me at freelance@dinbror.dk with details.

      ( SVAR )
15. 

    Petros Giakouvakis
    18. maj, 2013 - 01:28

    Hi,

    First off: great plugin. Really love it. Love the flexibility and ease of use. Did notice the same problem as Carlos. When using an ajax url it first opens correctly, but on consecutive popups the width and height was mangled. I am presuming that this happens because on close, those params are reset. Easy fix in my solution was to just set the width and height again for each popup.

    Hope this can help others that bump into this same problem.

    function showPopup(url,width,height)
    {

    $(‘#popup_displayer’).css({‘width’: width, ‘height’: height});
    $(‘#popup_displayer’).bPopup({
    easing: ‘easeOutBack’,
    speed: 650,
    transition: ‘slideIn’,
    contentContainer:’#popup_content’,
    loadUrl: url
    });

    }

    Anyhow, great plugin,
    Thnx!!
    Petros Giakouvakis

    ( SVAR )
16. 

    Emanuele
    21. maj, 2013 - 16:39

    Great plugin ! I got only a little problem with scrollBar: true

    $(‘#popupFiltro’ + idLookupTitle).bPopup({scrollbar: true});

    No scrollBars appears in modal popup
    Thank you for answer
    Emanuele

    ( SVAR )
    • 

      dinbror
      23. maj, 2013 - 20:21

      This feature will be added in the next release. The scrollbar attribute controls the scrollbar of the entire page where you pop it up.

      ( SVAR )
17. 

    RK
    23. maj, 2013 - 14:20

    Please consider the pull request on github
    https://github.com/dinbror/bpopup/pull/8

    ( SVAR )
    • 

      dinbror
      23. maj, 2013 - 20:20

      I’ll but I’m afraid I’m very busy at the moment. However a new version is under the hood

      ( SVAR )
18. 

    Robert
    23. maj, 2013 - 18:33

    i have one website and when user click on image star it bpopup a window but first time it is not in center on the screen, then i close bpopup plugin and the it is centered on the screen. How to fix to center first time on the screen? Here is my code that i im using:

    // DOM Ready
    $(function() {

    // Binding a click event
    // From jQuery v.1.7.0 use .on() instead of .bind()
    $(‘#PopUpItUp’).live(‘click’, function(e) {

    // Prevents the default action to be triggered.
    e.preventDefault();

    // Triggering bPopup when click event is fired
    $(‘#popup’).bPopup({fadeSpeed: ‘fast’, followSpeed: 1500, follow: [false, false], position: ['auto', 'auto']});

    });

    });

    ( SVAR )
    • 

      dinbror
      23. maj, 2013 - 20:18

      See Example 5b on the demo page

      ( SVAR )
19. 

    Robert
    23. maj, 2013 - 20:54

    Thank You for response. It opens a bpopup window not image…inside bpopup window it is image and some text that is read from mysql database.

    So i need to know how to center bpopup window on first load to be center on the screen. First time when bpopup window is open it is positioned in right center not center center (x,y).

    Then when i close first time bpopup window all the other bpopup windows opens in center, but when reload page it does not center on first time.

    I have played with:

    $(‘element_to_pop_up’).bPopup({
    follow: [false, false], //x, y
    position: [150, 400] //x, y
    });

    position…and play with javascript to get width and height of user screen and then divide with 2 using javascript screen.width and screen.height but then page is not centered.

    Any help welcome..i im thinking position bpopup window using css…but using javascipt is perefered.

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 19:53

      Example 5b opens an image. You can just add a header too or whatever you need:

      
$('element_to_pop_up').bPopup({
content:'image', //'ajax', 'iframe' or 'image'
contentContainer:'.content',
loadUrl:'image.jpg'
});


      ( SVAR )
20. 

    Robert
    24. maj, 2013 - 10:46

    Here is soulution..i fix it…if someone need fix this is the code:

    position: [(($(window).width())-960)/2, $(window).scrollTop()+20]});

    so with this code i im getting window width and then minus window size of bpopup window that is filled with data from database (for example: window size of whole web page is 1583px – 960px(size of bpopup window) = 623px and the divide with 2 to get center position witch is 311.5px and whola it is now centered.:)

    To center top the bpopup window i im getting with function scrollTop() the current position on screen of bpopup window and then to get 20px down of top i add 20px to current position. now is all centered and works very fine.

    ( SVAR )
21. 

    Nathan
    24. maj, 2013 - 19:49

    What is the licensing for this plugin? I’ve played with it a bit and I like it. Want to make sure I’m not infringing on any one’s intellectual property.

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 19:59

      It’s licensed under the DWIWYWBPVMS license. (Do With It What You Want But Please Visit My Sponsor)

      ( SVAR )
22. 

    DM
    28. maj, 2013 - 18:14

    Hi, I am using in drupal and when I close the modal window the content on the page is not shown anymore, just a blank page, do you know why this might be?

    ( SVAR )
    • 

      DM
      28. maj, 2013 - 18:52

      Using the inspect element function of chrome I can see that the display: none; css is overridden to allow the div to be displayed on popup, however it is not reset on close. this is causing the empty div to be shown and replacing all page content, how can I stop this from happening?

      ( SVAR )
      • 

        dinbror
        4. juni, 2013 - 19:59

        Do you have a live example?

        ( SVAR )
23. 

    rajanikant
    30. maj, 2013 - 07:59

    hi, I need to open popup from bottom to top any help for the same

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 20:01

      The feature is not supported at the moment but I have added it to the wishlist, thanks.

      ( SVAR )
24. 

    James
    1. juni, 2013 - 12:32

    Is there a way to completely disable the scrolling when the Pop up content is open?

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 20:00

      scrollbar: false will disable the browsers scrollbar

      ( SVAR )
25. 

    anand
    1. juni, 2013 - 13:08

    the bpopup codes didn’t work on my pc .can you suggest reason for it

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 20:02

      Hard to tell. Do you get any errors? Do you have a live example?

      ( SVAR )
26. 

    Praveen
    3. juni, 2013 - 06:33

    ;(function($) {

    // DOM Ready
    $(function() {

    // Binding a click event
    // From jQuery v.1.7.0 use .on() instead of .bind()
    $(document).ready(function() {
    // Prevents the default action to be triggered.

    if($(‘#element_to_pop_up’).css(‘display’) ==’none’)
    {
    // Triggering bPopup when click event is fired
    $(‘#element_to_pop_up’).bPopup();
    }

    });

    });

    })(jQuery);

    Hi dinbror i tried to load the popup on documnet read with the above code but its not working for me , even i tested with the jsfiddle , still its not doing any thing . Please help thanks

    ( SVAR )
    • 

      dinbror
      4. juni, 2013 - 20:05

      You have two document.ready’s! Why are you checking for display == none?

      Try this:
      
;(function($) {
$(function() {
$('#element_to_pop_up').bPopup();
});
})(jQuery);


      ( SVAR )
27. 

    Alan
    6. juni, 2013 - 23:26

    Hi all.
    Can someone explain me how the pop up appears always in the center of window?
    How it works ?

    ( SVAR )
28. 

    Elvin Lee
    7. juni, 2013 - 13:34

    Hi. I’m new with jquery.

    I tried edit some edit at Edit this Fiddle with example 3a.

    $(‘element_to_pop_up’).bPopup({
    easing: ‘easeOutBack’, //uses jQuery easing plugin
    speed: 450,
    transition: ‘slideDown’
    });
    But it’s not working. Why? Please advise me, thanks.

    Regards,
    Elvin Lee

    ( SVAR )
    • 

      dinbror
      9. juni, 2013 - 20:24

      What error do you get. You could post a jsfiddle url.

      The “easeOutBack” requires the jquery easing plugin

      ( SVAR )
29. 

    Elvin Lee
    7. juni, 2013 - 13:37

    By the way, I need to use v0.9.0 developer or v0.9.0 minified? Are they same?

    Sorry for keep asking some newbie question.

    Regards,
    Elvin Lee

    ( SVAR )
    • 

      dinbror
      9. juni, 2013 - 20:26

      Yes they are the same. The last version is just minified

      But version 0.9.3 is out why I recommend you to use that version instead:

      bpopup v.0.9.3

      ( SVAR )
30. 

    Elvin Lee
    8. juni, 2013 - 07:24

    Hi.

    I had tried this code on CentOS, but seen can’t run when I use index.html on localhost. But it’s work when I just double click the index.html.

    Why?

    1. localhost (No response)
    http://i12.photobucket.com/albums/a227/elvinlee/Other/Screenshot2013-06-08at11947PM_zps0647fb11.png

    2. Double click(Work)
    http://i12.photobucket.com/albums/a227/elvinlee/Other/Screenshot2013-06-08at11951PM_zpsd0eb3b95.png

    Regards,
    Elvin Lee

    ( SVAR )
31. 

    Elvin Lee
    8. juni, 2013 - 07:59

    Sorry for keep asking. I had downloaded Firebug to check what’s wrong when run on localhost. It shows GET jquery-2.0.1.min.js and jquery.bpopup-0.9.0.min.js 403 Forbidden.

    Here is the error:
    http://i12.photobucket.com/albums/a227/elvinlee/Other/Screenshot2013-06-08at15612PM_zps8adcb23b.png

    And here is my code for index.html:
    http://i12.photobucket.com/albums/a227/elvinlee/Other/Screenshot2013-06-08at15555PM_zps17c56bcc.png

    Regards,
    Elvin Lee

    ( SVAR )
    • 

      dinbror
      9. juni, 2013 - 20:28

      I don’t know CentOS but something is not set up properly. If you’re only making html pages you can just run it in the browser.

      ( SVAR )
32. 

    Fgood
    9. juni, 2013 - 06:01

    Hello,

    This is a great plugin, thank you so much!

    I am trying to fill the popup with a form that includes a select control (forrm dropdown). i created an invisible div that contains the form with the controls, and I fill the content of the popup with the html of that div – this works well so far.

    Now, I want to dynamically set the selection based on the button the user clicked, but i cannot set it with the .val() function – any idea how to make it work?

    ( SVAR )
    • 

      dinbror
      9. juni, 2013 - 20:30

      I need to see some code before I can help

      ( SVAR )
33. 

    Dawezome
    12. juni, 2013 - 23:26

    Hello there,

    First of all great plugin for jQuery, using alot, now I just have a small question, I using alot the loadUrl and I wanted to be able to resize the modal window everytime I change page.. some have more text, others less.. is there anyway to do it? thanks

    ( SVAR )
34. 

    dennis
    14. juni, 2013 - 20:36

    Please how do cause a post back using a button in the popup window. I added a button but when clicked, it does nothing. Please why??

    ( SVAR )
35. 

    Donna
    15. juni, 2013 - 06:30

    Great looking pop-ups! Nice work… but – as the one guy said – the examples are best understood by the author. I look at the “usage” area and only see the JS code. There’s no working example that’s complete with CSS, HTML and the JS.

    I looked at the source of the page with all the cool pop-ups and was unable to figure out how to get mine to remotely resemble yours. After nearly an hour, and I am providing this strictly as feedback to help, not insult…

    I gave up and went with Reveal (http://zurb.com/playground/reveal-modal-plugin).

    ( SVAR )
36. 

    Sam
    15. juni, 2013 - 12:51

    Hello,

    Great plugin but unfortunately i cannot really use i’m not into jquery.

    How would you proceed to trigger the Bpopup on load without needing to click on something ?
    http://jsfiddle.net/24A9b/5846/

    I have tried so far but without any results.

    Thank you for the help !

    ( SVAR )
37. 

    Bhaumik
    15. juni, 2013 - 14:23

    Hello,

    Thanks for sharing good popup and very lightweight.
    I have one small issue and it pinch out me.
    I can’t set focus on any control(like textbox) when popup open.
    Can you please send me solution of my issue?

    Thank You

    ( SVAR )
38. 

    vegazus
    16. juni, 2013 - 02:00

    Great Plugin..!!!

    i have a question, how to load animation .gif like example 5c…? thank’s before..

    ( SVAR )
    • 

      vegazus
      16. juni, 2013 - 02:45

      solved

      ( SVAR )
39. 

    Donna
    18. juni, 2013 - 07:44

    I came back – yours is the most flexible and I finally got things figured out. But…

    now I’m in a situation where I either have to figure this out, or switch to something else even if I cease using a pop-up method.

    My “submit” button on the bPopup form will not do anything. I am using ASP.NET web forms project with nested master pages.

    I have form validation using ASP.NET and it works. But once all required fields are filled, the submit button does NOTHING. Any ideas?

    ( SVAR )
40. 

    Donna
    18. juni, 2013 - 08:38

    Wow! Me again… problem resolved! It was simply the “append: ‘form’” line for ASP.NET… which you do mention on this very page!

    My apologizes and congrats for producing such a cool pop-up for jQuery! Thank you for your efforts.

    ( SVAR )

Leave a comment Annuller svar