Hello, I'm using your bPopup plugin for my website, it works and looks great but i have an issue with it . I have a dynamic populated table from a MySql database. Code below:
echo '
'.$statusimg.'
Job #'.$bookingid. ' for '. $date_today.'
Contact for '.$row['name'].' : <a href="tel:'. $row['phone_number'].'" rel="nofollow">'.$row['phone_number'].'</a>
<a href="index.php?BookingID='.urlencode($row['id']).'&BookingStatus='.urlencode($booking_status_2).' " rel="nofollow">Confirm job</a>
<a href="index.php?BookingID='.urlencode($row['id']).'&BookingStatus='.urlencode($booking_status_3).' " rel="nofollow">Roger job</a>
Please roger the job at least 60 minutes before the pick up time
';
And jQuery :
$('.statusimg').bind('click', function(e) {
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$('#booking-status').bPopup({
});
});
It work's but only once per page , than if i want to pop them up again i have to reload the page. Any solutions ? Thanks
↧
Af: Paul
↧
Af: Nair
Hi Bjorn,
Thank you for the lovely plug-in – bPopup.
But I have an issue with loading external page content that if I try to open modal window for the second time, encountered with the issue – Error: Object doesn’t support property or method ‘bPopup’. Any help would be highly appreciable.
↧
↧
Af: kannan
Hello Sir,
I could not able to use it popup.
POP IT UP
Content of popup
// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to jQuery
; (function ($) {
// DOM Ready
$(function () {
// Binding a click event
// From jQuery v.1.7.0 use .on() instead of .bind()
$(‘#my-button’).bind(‘click’, function (e) {
// Prevents the default action to be triggered.
e.preventDefault();
alert(‘wwe’);
// Triggering bPopup when click event is fired
$(‘element_to_pop_up’).bPopup({
speed: 650,
transition: ‘slideIn’
});
});
});
})(jQuery);
I tried with mozilla firefox.
Whatever you given example in this page http://dinbror.dk/bpopup/
not working with me. please help
regards
kannan
↧
Af: kannan
hello sir,
I was not able to use your popup code, first I added jquery cdn link and then your popup code the I added the inbetween the body tag your popup code, but it is not popping out.
please help
regards
kannan
↧
Af: dinbror
Still not working? Do you have a live example?
↧
↧
Af: Tom
Hi,
your plugin is great, and I basically got it working. Alas, I have a small issue and cannot seem to find the reason:
When opening the popup for the first time, everything is working as expected. But when it is opened again, the closing “X” Button will not appear again.
The code is
(html):
X
(javaScript):
$(‘.thumb’).bind(‘click’,showPic);
function showPic() {
event.stopPropagation();
var img_path = $(this).data(‘img’);
$(‘#image_pop_up’).bPopup({
content: ‘image’, //’ajax’, ‘iframe’ or ‘image’
loadUrl: img_path,
easing: ‘easeOutBack’, //uses jQuery easing plugin
speed: 450,
transition: ‘slideDown’
});
}
Do you have any idea?
Thank you,
regards, Tom
↧
Af: pavsid
I think there is a problem with the “autoClose” – when it is set (let’s say to 5000), and the popup is closed manually before 5000ms, and then another popup is opened, then the overlay of the new popup is removed (due to the autoClose triggering).
Is there a way to cancel the autoClose, when the popup is closed manually, so that it does not affect new popups?
Thanks!
↧
Af: Xedz
Im having some troubles to load the popup automatically (without clicking button).
What i need to change in the code? Can you paste me the entire code?
Thanks!
↧
Af: omri
trying to load an image without success.
; (function ($) {
$(function () {
$(‘#my-button’).bind(‘click’, function (e) {
console.log(12)
//var self = $(this), content = $(‘.photopopup’);
e.preventDefault();
$(‘element_to_pop_up’).bPopup({
content: ‘image’, //’ajax’, ‘iframe’ or ‘image’
//contentContainer: ‘.content’,
loadUrl: ‘.PeleCardS.png’
});
});
});
})(jQuery);
And nothing shows….
Text i can popup, what am i doing wrong?
↧
↧
Af: Bret
Bjørn. I must congratulate you on this project. It is simple (amazingly small file) and is more robust than any other system of its kind I have run across. Thank you for your time and the work you have put into it. And thanks for sharing :~)
↧
Af: acerphoenix
hello,i use bpopup in a parentpage like this:
$(‘#idinparent’).bpopup({ content:’iframe’,loadUrl:’child.html’})
but how do i close the child.html?
i have write X in the child.html,but it didn’t work.
when i use $(‘#idinparent’).bpopup().close() in child.html, they report a error.
thx
↧
Af: acerphoenix
hello, it’s me again, i have solved the problem by using $(‘#idinparent’).bpopup({ content:’ajax’,loadUrl:’child.html’}) .in this case, the closeClass, either default b-close or customed by myself is working.
↧
Af: acerphoenix
$(function(){
$(‘.mod_btn’).click(function(){
$(‘.test’).bPopup({
content:’ajax’,
closeClass:’code_back’,
loadUrl:’child.html’
});
})
})
hello, i write this script, there is also a div whose class is “test” in this page and a button whose class is ‘code_back’ in child.html.
my problem is it works only once. when i close the popdialog and trigger it second time, i got a “Uncaught TypeError: undefined is not a function” in chrome console.
it’s weird ha?
↧
↧
Af: Prabu
Hi Dinbror,
I am using bPopup inside asp.net update panel
I refresh update panel every 15 seconds
bPopup working fine until the update panel get refreshed
When the update panel get refreshed, bPopup opening but not able to close
It would be helpful if you suggest a solution
Thanks & Regards,
Prabu
↧
Af: Saurabh Kapoor
How to use bpopup.
Please Explain step by step ASAP.
↧
Af: Kasper
This is gorgeous! Thank you so much for making this!
↧
Af: venkat raj
this is my html code. This doesnot work. Please help me.
—————————————————————————-
POP IT UP
Content of popup
; (function ($) {
// DOM Ready
$(function () {
// Binding a click event
// From jQuery v.1.7.0 use .on() instead of .bind()
$(‘#my-button’).bind(‘click’, function (e) {
// Prevents the default action to be triggered.
e.preventDefault();
// Triggering bPopup when click event is fired
$(‘#element_to_pop_up’).bPopup();
});
});
})(jQuery);
↧
↧
Af: venkat raj
Can you please give more example for AJAX ?
Simple jQuery popup that loads external html page with ajax. (Ajax popup).
Can you please use http://jsfiddle.net/ so that It will be easy for us to understand?
please help
↧
Af: venkat raj
Can you please elaborate example 5a). with a fsFiddle example.
Kindly help
↧
Af: Saket
When bpopup is called the page scroll up to top position. I want to prevent this. How can I do that?
↧
