Skip to content
Easy way to show hidden div as tooltip style window ( simple substitution for lightbox, modal and etc)
JavaScript
Find file

README.textile

PopWindow

Most easy way to use divs or other element as tooltip style windows withou modal, popups or lightbox

Usage

Javascript


<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="jquery.popwindow.js"></script> <script src="jquery.bgiframe.js"></script>



XHTML


<input type="button" id="show" value="Show Message in Bottom"/> <div id="popup_div1" class="popup_msg"> Popup Message<br /> Message goes here <br /> Message goes here


CSS


.popup_msg{ display:none; }

Possible Params

  • position => “bottom”,“right”,“top”,“left”
  • offsetTop => Any number value (default is 10)
  • offsetSides => Any number value (default is 0)
  • transitionSpeed => “fast”,“slow” (default is “fast”)
Something went wrong with that request. Please try again.