DD JS Extensions - Free & Lightweight

Lightweight JS Extensions for HTML-based Websites and Web App Interfaces

PushUpBox

DD PushUpBox

is a lightweight jQuery based div overlay box for displaying content like (html, CMS modules, etc...) over the web page, a PopUP called PushUpBox.

Show more information...

DD_PushUpBox provides two functions which can be used from everywhere:

DD_PushUpContent
This function is to push custom content to the PushUpBox it expects two parameter

Parameter
contentthe content to push
contentTitlethe title for the box
DD_PushUpContent(content, contentTitle)

DD_PushUpID
This function is to move the content from an sepcific id to the PushUpBox. It expects two parameter

Parameter
contentIDthe id to push
contentTitlethe title for the box
DD_PushUpID(contentID, contentTitle)

DD_PushUpID has a special handling. It moves the html of the content ID to the PushUpBox and after closing the Box, it moves back.

For this, we provide a css class to make the push id content invisible.

.dd_pushupbox

(For example, to hide a login module, which should be placed to the pushUpBox like a login pop up. It's usefull when you use a CMS like Joomla, Wordpress etc... So you can place the login module or any other module to the bottom of your site, give them the .dd_pushupbox class to make it invisible and a custom id for the DD_PushUpID function, to trigger the login PopUp. Thats all, it has never been easier to switch any module, div container etc ... to a PopUp Box. Just push it up ;).

Other Features:

  • Close PushUpBox by clicking outside the box or by press escape key.
  • Some settings and CSS adjust functions (See Configuration at dd_pushupbox.js).
  • Minified CSS and compressed JS Versions.
  • Compatible with any jQuery Version.
  • Support all major web browsers.