GithubHelp home page GithubHelp logo

anygong / bpopup Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dinbror/bpopup

0.0 2.0 0.0 486 KB

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn't create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.

Home Page: http://dinbror.dk/bPopup

JavaScript 100.00%

bpopup's Introduction

bPopup - If you can't get it up - use bPopup

DEMO:

http://dinbror.dk/bpopup

API:

http://dinbror.dk/blog/bpopup

DESCRIPTION:

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn't create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.

CHANGELOG

v 0.11.0 (01-24-2015)

  • Fixed #7 and #21. Using fallback width as default to fix the width issue when scrollbar visible.
  • Fixed #8 and #17. "insideWindow" function updated so it now checks if height OR width is inside window instead of only width AND height.

v 0.10.0 (07-22-2014)

  • Bugfix: autoClose will not trigger if you close the popup before it times out.
  • Added: reposition(animateSpeed), a public function that recalculates the center position of the popup. You can pass an optional animate speed attribute. If not defined it will use the followSpeed value (#8). Usage:
var bPopup = $(‘element_to_pop_up’).bPopup();
bPopup.reposition(100); 
  • Added: Error handling when loading content with ajax. The first argument in the loadCallback is the status of the ajax request, success or error (#32).
  • Added: bower.json (#25).

v 0.9.4 (08-19-2013)

  • Added: New transitions, slideUp and slideBack.
  • Added: transitionClose, gives you the possibility to use a different transition on close.
  • Added: autoClose, thanks to Leonidaz for the suggestion.
  • Added: iframeAttr, so you now can control what attributes the iframe should have (and enable the scrollbar as many of you wants).
  • Removed: The minimum 20px gap at the top. It's 0 now.

v 0.9.3 (03-24-2013)

  • Transition fix: Unbinding events earlier on close to prevent scroll/resize events triggered when closing the popup and using the "slideIn" or "slideDown" transition.
  • Transition fix: The public close function didn't close the popup when using the "slideIn" or "slideDown" transition.
  • Transition fix: Exit transition for "slideIn" and "slideDown" will now always slide graceful no matter how much you have scrolled.
  • Transition fix: Fixed odd behavior when using "slideIn" or "slideDown" with ajax calls.

v 0.9.2 (03-23-2013)

  • Percentage fix: Resize center fix when using percentage for width/height.
  • Percentage fix: Recenter fix when using percentage for width/height in ajax(loadUrl) calls.
  • Improvement: Adding 'debounce' to resize event.

v 0.9.1 (03-10-2013)

  • Legacy fallback: In version 0.9.0 I changed the default close class from bClose to b-close. To avoid issues when you update to latest version I'm also binding a close event on the old default close class, bModal.
  • Bugfix: When moving an iframe through the DOM, IE9 will excecute the code in the iframe as many times as moves you make. Each time (but the last one) will return udefined on Object, String, Array etc.
  • Bugfix: When appending is false no overlay was created.

bpopup's People

Contributors

dinbror avatar

Watchers

 avatar  avatar

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.