toddish / popup Goto Github PK
View Code? Open in Web Editor NEWA barebones, flexible jQuery popup plugin. Designed for developers, it's simple to use but very powerful.
Home Page: http://docs.toddish.co.uk/popup
License: MIT License
A barebones, flexible jQuery popup plugin. Designed for developers, it's simple to use but very powerful.
Home Page: http://docs.toddish.co.uk/popup
License: MIT License
If I try to open popup and then while it loads I click on "popup_back" then I got an error in console "Uncaught TypeError: Cannot read property 'css' of undefined at $.Popup.p.center (jquery.popup.js:642)"
hi, i love this js script, and thank you so much for creating it. if i use default inline for popup js, if the container has too much content, its not scrollable and will only show partial content. is there any way where the container can be scrollable inside popup.js?
Hello,
there's an issue on Firefox 57
I don't know what is the cause, if the issue is in Firefox or not.
You choose to open the popup inline on page load (so, in a hidden div)
var popup = new $.Popup();
popup.open('#mydiv');
when you load the page the 1st time, it doesn't center the popup.
If you load the page a 2nd time, instead, it's working as usual.
Can you test it, please?
Thanks
Hello and thanks for the great plugin is very useful to me .
I'm working on a site with wordpress , specifically in a section with social buttons to share posts and pages .
When I try to open the link by sharing on facebook me this error appears in consol
XMLHttpRequest cannot load https://www.facebook.com/sharer/sharer.php?pt=url&pw=520&ph=350&phu=http://agconsulting.altervista.org/test-nl-aef/consulenza/test-prodotto-3/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://agconsulting.altervista.org' is therefore not allowed access.
While surfing I found this possible solution , just do not know how we can implement .
`Use this line given below instead of header() function.
echo "window.top.location = 'https://apps.facebook.com/yourappnamespace/';";`
Unless you have not already a solution for social popup.
Ciao
Then, place /assets/js/popup.min.js in /your/js/folder/.
Add this just before your closing body tag, after you've included jQuery:
<script src="/your/js/folder/jquery.popup.js"></script>from your documentation on home page and in readme doesn't match the filename: jquery.popup.js or jquery.popup.min.js.
Could you add a bower.json
so people can use your plugin from Bower?
I've read the docs, but i've not found any responsive parameter to avoid that a popup size is bigger the the screen and make it more responsive on mobile.
This throws no errors, but doesn't work. Can you let me know where I went wrong?
<script type="text/javascript">
$('#picture').bind('change', function() { if ( this.files[0].size > 2097152 )
$('.default_popup').popup({
content : function(){ return 'Your picture is' + this.files[0].size + ' bytes, which is too big. It needs to be below 2097152 bytes (2MB).'}
});
else
$('.default_popup').popup({
content : 'Your picture is the right size!.' });
});
</script>
Auto height depending on content doesn't work
Sorry for my bad english
When showing inline html, show the actual html, not a cloned version (therefore messing up IDs).
Instead of seeing the content option in the popup, the popup displays the href attribute of the calling element.
I am using a bare-bone example with only the content option filled up and type set as html.
Hi,
I have a popup that's too long to be displayed entirely on the screen.
The scrolling only affects the background, not the popup itself. Pretty normal as its position is fixed.
I guess I have to change the css rules but I'm not sure where to begin.
Hello,
Great plugin, thanks for developping it ! :)
I'm using it on a small project and I wanted to know how you can pass the original window element to the popup ?
The use-case is the following :
I have a main page M
with a link L
When I click on the link the popup P
shows
In P
there is a redirect link R
When I click on R
the popup close and M
gets redirected on another url
I wasn't able to achieve this effet, and I started to pass the original window argument to set a new location but I wasn't able to do anything good.
Do you have any idea ?
Thanks :)
Use .attr to get href other wise IE7 messes up.
In the license, the author's name is misspelled as "Todd Franis". I'm assuming it should be "Todd Francis".
Would be nice to have an option to dismiss the popup via the escape key.
I hacked something up at http://lcd.al/?embed but am too lazy to submit a PR.
This use case doesn't work for me
$('.popup-trigger').each(function() {
$(this).popup();
});
Hi,
I'm currently using popup with the inline HTML option but on smaller resolutions the contents may be too tall for certain resolutions so I require them to be able to scroll. However scrolling at the moment only scrolls the actual site in the background behind the popup. How can I change this?
Thanks
I've tried this solution:
var popup = new $.Popup();
if ($.cookie('responsive_popup') == null) {
var myVar = setTimeout(function(){ popup.open('#inline'); }, 3000);
}
$(".popup_close").click(function(){
clearTimeout(myVar);
$.cookie('responsive_popup', 'yes', { expires: {/literal}{$popup_cookie*0.000694}{literal}, path: '/' });
});
The onkly problem is when i click the X to close the popup with setTimeout used, the cookie is not saved. If i remove the setTimeout function and return to the normal way is working.
Is very strange! There is a fix?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.