Giter Club home page Giter Club logo

popup's People

Contributors

toddish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

popup's Issues

Problem with closing popup while loading

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)"

default inline issue

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?

Issue centering on Firefox 57

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

Social Share in popup

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

documentation

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.

Bower

Could you add a bower.json so people can use your plugin from Bower?

Responsive

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.

Can popup be called by a .bind change?

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>

I see the content of href

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.

Typo in Readme doc

In the Readme, there's a typo in the Installation area, see image. Caused me a little trouble before I caught it.

Great plugin! Thanks a ton.

screen shot 2016-04-01 at 9 58 26 am

Handle popup bigger that body size

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.

Access to the parent element

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 :)

Spelling Error In License

In the license, the author's name is misspelled as "Todd Franis". I'm assuming it should be "Todd Francis".

How to ensure HTML popup scrolls?

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

Set a time before showing a popup

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?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.