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

1. 

   Brad
   17. februar, 2011 - 04:00

   Hello!

   I love this script but I’m a bit of a JS noob – I’m trying to make it so that one of the modal popups happens about two seconds after the page loads… I have no idea how to do it.

   Please save me!

   
2. 

   gonself
   18. februar, 2011 - 00:03

   Hello, sorry for my english and congratulations for the script… i have a select item in the popup, and i need that when the popup close, the value of that select item, pass to a input item in the main page…

   Thanks for all!
3. 

   angelo rodelas
   21. februar, 2011 - 07:24

   how to make this work… i have everything… it doesn’t pop up…. please help!
4. 

   Nitesh
   24. februar, 2011 - 07:39

   Does not Open in center on first call, but moves to center after first call..

   Any idea
5. 

   Nitesh
   3. marts, 2011 - 13:20

   Is It possible to stop auto scrolling..
6. 

   Fabian
   3. marts, 2011 - 22:10

   @Nitesh
   $(‘#selector’).bPopup({follow:false});
7. 

   DDs
   6. marts, 2011 - 19:39

   Hello,
   very nice work!
   But i have a problem, when using loadUrl, then horizontal align works bad. Any ideas for this? i know the problem, firstly it shows empty <div and centers it, after loading page then align somehow must work.
   Thanks
8. 

   Kunal
   9. marts, 2011 - 11:47

   Can this be used in commercial projects? we are developing a wordpress plugin and would like to use this script.
9. 

   David
   10. marts, 2011 - 13:07

   Hello,
   first of all, very nice plug-in!!

   Now the problem I like the “follow” option, but i have a pop-up than can increase vertically its size. If the popup is bigger than the screen, then is imposible to see the bottom of the pop-up :_(
   Finally i have to use “follow: false” to use the scroll.

   Thanks!
10. 

    Ben
    10. marts, 2011 - 13:30

    Hi,

    In IE9 the box aligns to the left rather than center, any ideas why? – It works fine in every other browser.

    Thanks
11. 

    David
    11. marts, 2011 - 13:05

    Hi again,

    i have a form in the pop-up. When i open the pop-up all the inputs are cleared. I hava had to comment this:

    c.find(“input[type=text]“).val(“”)

    Maybe it can be parametrizable (Maybe it is yet? )

    Regards
12. 

    dinbror
    12. marts, 2011 - 00:01

    @ViPeRII + tksgqn: Use the latest version of bPopup 0.5.0. It has an onClose event.

    @Brad: Set a timeout.
    window.setTimeout($("#div_to_popup").bPopup(), 2000);

    @gonself: Use the latest version of bPopup 0.5.0. It has an onClose event. Pass the value to your input item there.

    @angelo rodelas: Try to look at my demo page http://dinbror.dk/bpopup. Otherwise post some code. Hard to help without.

    @Nitesh: Maybe your popup is missing a width? Post some code if I should help.

    @DDs: You have to define a width for now. Will look into a fix in the next release.

    @Kunal: Yes, as long as you keep my name and url in the script! What wordpress plugin are you doing?

    @David: A good rule is that if your popup is bigger than your screen, do not use a popup. Otherwise you have to set the vertical follow to false in your case.

    @Ben: Haven’t seen the issue yet. Will investigate!

    @David: Removed in latest release, bPopup 0.5.0
13. 

    Titus
    14. marts, 2011 - 04:58

    Thanks for this helpful script.

    I have a problem… I am using modal with url calling from Iframe. It gives error as ‘Access Denied’ when I consume asp.net webservice at the time of unloading (click on ‘X’)
14. 

    Ben
    16. marts, 2011 - 11:29

    Hi,

    Any further developments with the IE9 issue at all please?

    Thanks.
15. 

    dinbror
    17. marts, 2011 - 20:49

    @Ben: I just tested my demo page http://dinbror.dk/bpopup in IE9 and the popup aligns fine.
    Have you tested with my demo page? Which version of IE9 are you using, not a beta release?
16. 

    dinbror
    17. marts, 2011 - 20:51

    @Titus: Could you show me your code or even better a live example? Hard to help otherwise!
17. 

    iRvanFauziE
    20. marts, 2011 - 06:05

    how to have the popup close automatically in a certain time?
18. 

    iRvanFauziE
    20. marts, 2011 - 06:44

    about my question:
    “how to have the popup close automatically in a certain time?”

    i found the solutions:
    setTimeout($(“.buttonClose”).click(), 1000);

    bpopup is CooL :-bd
19. 

    Ryan
    30. marts, 2011 - 18:44

    Hi, I’m sorry for posting a comment, I can’t really find an appropriate contact form (language barrier). I am using the bPopup and have an issue with needing links in the popup to stay in the popup (for event registration/confirmation). Can you email me directly and I can provide examples and maybe figure out a way to get this to work for us? Thnx in advance.
20. 

    Grace Basilio
    3. april, 2011 - 20:20

    Hi,

    For some reason, it doesn’t look right on IE8.

    http://www.gracebasilio.com/corfu44/

    It doesn’t cover the whole space, the modal appears after the first div. Is it because of the div?

    What could I do?
21. 

    dinbror
    3. april, 2011 - 21:13

    @Ryan: Do you have a live example I can see? Otherwise you may find the “contentContainer” attribute interesting!

    @Grace Basilio: I can see that your example is in quirks mode! Serve a properly document type and the problem is fixed.
22. 

    Adam Bourne
    5. april, 2011 - 12:34

    Hi I am just wondering how I can have it so the b close link is the only thing that closes the pop up, as at the moment if I click outside onto the overlay the box will disappear.

    thanks

    Ad
23. 

    Mike
    10. april, 2011 - 17:33

    Nice library. Works well for simple popups, but I’m having an issue with a form in the popup. I have a popup with a few form fields and asp.net postback button. The button doesn’t fire the postback. Is there anything I have to do above what’s been documented to get that to work. If I put a validator control on the form, the button does fire the validator, but doesn’t postback. I removed the validator to make sure that wasn’t the issue and the form won’t post back with a simple submit button. Thanks in advance.
24. 

    Mike
    10. april, 2011 - 17:40

    I got it. I forgot to add the “appendTo: ‘form’” api. Once I did that, worked like a champ.
25. 

    dinbror
    13. april, 2011 - 17:30

    @Adam Bourne: You can set escClose and modalClose to false. They’re true by default!

    @Mike: Coolio
26. 

    Christopher
    17. april, 2011 - 22:48

    The pop only centers after its called or clicked for the second time. Any ideas on how to fix this?
27. 

    Daniel
    20. april, 2011 - 11:46

    Outstanding work. Absolutely outstanding!

    I wish I’d found this HOURS ago. After losing 10+ hours fiddling first with FancyBox’s lame iframes, then moving to buggy-FaceBox which (in some ways) is even worse!

    This is a breath of fresh air! Wow I can’t wait to try it on my Ajax calls!

    Terrific Job.
28. 

    Daniel
    20. april, 2011 - 13:07

    What am I doing wrong?

    I’ve got the following code in my script:

    $(‘#foo’).live(‘click’, function() {

    $(‘body’).append(”);

    $(“#popup”).bPopup({
    appendTo:’body’,
    loadUrl: ‘http://google.com’,
    zIndex: 2,
    onClose: function() {
    $(‘#popup’).remove();
    }
    });
    return false;
    });

    It works just fine but ONCE. If you try clicking that same link a second time, it acts normally… No popup! I get an error in my console:

    $(“#popup”).bPopup is not a function
    [Break On This Error] onClose: function() {

    Help!
29. 

    Daniel
    20. april, 2011 - 13:08

    I should say… If you click it a THIRD time, (after the error) it ‘resets’ – giving you a popup, followed by an error (if you click it) again..
30. 

    Daniel
    20. april, 2011 - 13:08

    All I really want to do is use the script to load ajax content. Is there something I’m not understanding?
31. 

    Daniel
    20. april, 2011 - 13:13

    Just looked at your source. Seems you’ve got a whole bunch of ‘display:none’ divs at the bottom of your code. Sorry about all these comments! I’ve been at this for 10+ hours between 3 scripts and yours is by far the most promising! THere’s gotta be a way to generate/remove containers whenever the trigger is clicked, that way I don’t have to create all my selectors/containers in advance!

    Ok that’s it
32. 

    Daniel
    22. april, 2011 - 02:03

    Nevermind.. figured it out

    SUGGESTION: You NEED to add an onBeforeOpen event! *VERY* important as this allows you to initialize/attach any plugins, states, classes, etc. for situations where content is being loaded via ajax or your loader function.

    WITHOUT this event, the popup first opens + Looks like crap! and THEN (using the callback) you see the classes/changes applied. This is definitely an oversight!
33. 

    dinbror
    22. april, 2011 - 22:20

    @Christopher:
    Hard to tell without any code, but if you add a width to the element which pops up it should fix it.

    @Daniel:
    Thanks for the fine words. Did you solve everything?
    The issue with your code example is that you remove the element $(“#popup”) from the DOM on close and next time your trigger a click it’ll try to open an element which doesn’t exists any more. Use .empty() instead.
    Regarding the onBeforeOpen suggestion, have your tried the onOpen event? It’s triggered before the callback and before the popup pops up. That should do the trick.
34. 

    Oscar
    26. april, 2011 - 02:27

    Do you have a working example of using iframe? I can’t make it work and I am using all of the instructions above
35. 

    dinbror
    27. april, 2011 - 19:36

    @Oscar: Demo page, example 4c
36. 

    esk
    1. maj, 2011 - 21:57

    Hi,

    I have tried to use this on my aspx page but it doesnt work. .bPopup (“bla”) doenst run.Could you help me?

    thank you
37. 

    dinbror
    1. maj, 2011 - 22:12

    @esk: Hard to help without seeing any code! But are you appending bPopup to the form like I wrote in the API? (.bPopup({appendTo: ‘form’});)
38. 

    Steve
    1. maj, 2011 - 22:54

    There is no smooth transition or fading in IE9. All the examples on you website have nice smooth fading and transitions in Firefox, but in IE9 they don’t and they look bad.
39. 

    esk
    1. maj, 2011 - 23:33

    I have used the code below:

    $(‘#popup’)
    .bPopup({fadeSpeed:1, followSpeed:1, opacity:0.8, modalClose:false});
    just like on your demo page.How should I use .bPopup method?
40. 

    Stephen
    2. maj, 2011 - 09:58

    Awesome script! I’ve been looking for one that works this well and is this flexible for a long time.
    It looks great in Firefox but in IE9 the transitions don’t work and for some reason the text gets a blue underline. Can you help?

    http://www.waterscenery.com/info.php
    Click the thumbnail near the bottom of the page.

    Thanks
41. 

    dinbror
    3. maj, 2011 - 17:16

    @esk:
    As I wrote you MUST USE appendTo: ‘form’ when playing with aspx pages:

    
$('#popup')
.bPopup({fadeSpeed:1, followSpeed:1, opacity:'0.8', modalClose:false, appendTo: 'form'});


    @Steve and Stephen:
    Working fine at my computer, windows 7 prof, IE version: 9.0.8112.16421.
    Which browser version and operating system are you using?
42. 

    joe
    4. maj, 2011 - 03:47

    Nice job! I have some difficulty to use it to open an modal popup in which there is a form to be submit. When I click the submit button, no response. Can u help? or an example??
43. 

    dratwister
    5. maj, 2011 - 09:36

    Thank you very much for your library. I just have a question: I’ve used your popup with an iFrame inside a div container. The problem’s whenever I trigger popup to show. The iFrame’ll reload again. Is there anyway to stop the inside iFrame from reloading?

    Thanks again for your great work
    Dratwister
44. 

    Stephen
    6. maj, 2011 - 23:16

    I’m also using IE version: 9.0.8112.16421 but my operating system is Vista Home Premium. I don’t think your script is the problem. I’ve noticed web pages don’t scroll smoothly so I must have other issues.

    Thanks anyway
45. 

    esk
    10. maj, 2011 - 17:14

    Sorry for late response but I still couldnt solve the problem.Maybe it is my fault, I dont know.Besides I have skipped this and decided not to use.But very very good job mate.I ll use it in my further project probably.Thank you for your help.
46. 

    joe
    11. maj, 2011 - 20:17

    I think there is a bug…..

    .button_bottom {float:right;display: block;margin: 0 -9px 25px 0;padding: 0; }
    .button_bottom input {border:none;}
    .button_remove {padding: 0;float: right;border: none;height: 40px;width: 140px;
    background: url(‘/ofImg/remove_button.gif’) no-repeat top right;
    margin:-2px 9px 0 0;}
    .button_remove:hover {background: url(‘/ofImg/remove_button2.gif’) no-repeat top right;
    cursor:pointer;}

    
    

    Are you sure to remove following item(s)?
    
    

    Yes
    No

    $(document).ready(function(){
    $(“#btndelYN”).bind(“click”,function() {

    $(“#confirmyn”).bPopup({
    opacity: 0.28
    });
    event.preventDefault();

    // return false /* */
    }); /* */
    $(“#deleteYes”).bind(“click”,function() {
    $(‘#main_form’).append(”);
    $(“#main_form”).submit();
    }); /* */
    $(“#deleteNo”).click(function() {
    $(“#removeYN”).bPopup().close();
    }); /* */
    });

    If you click no button…..
47. 

    dinbror
    11. maj, 2011 - 21:05

    @dratwister:
    If you use the build in iframe creater, it’ll create the iframe every time it opens. If you want it to be cached you can create your iframe by yourself in the markup:

    
< div id = "bPopup" >
< iframe ... / >
< /div >


    $(‘#bPopup’).bPopup();

    @Joe:
    Can you specify your issue? Or do you have a live link?
    - Is it an aspx side? Are you appending to the form?
    - When using the bPopup close function you must call it on the same element you open which in this case is $(“#confirmyn”) so call it like this $(“#confirmyn”).bPopup().close() or add the bClose class to the #deleteNo button.
48. 

    joe
    11. maj, 2011 - 23:51

    Thanks for your quick response. I will check it again! It is a nice plugin.
49. 

    Pawel
    16. maj, 2011 - 13:47

    Hi, It’s a nice script.
    Just a few little isses:
    Information about license is missing.
    It will be nice to have a not minified version available for download. Ok the not minified version is avaialble here http://dinbror.dk/downloads/jquery.bpopup-0.5.1.js, but then I am not sure if it’s the latest one becasue file 1.5.1 says @version: 0.5.0
50. 

    dratwister
    16. maj, 2011 - 19:10

    Thank you very much for your response. I sure will try your suggestion.
    Best regard! Best plugin either ^^

Leave a comment Annuller svar