danielvlopes / popwindow

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

This URL has Read+Write access

name age
history
message
file README.textile Sun Dec 28 10:33:31 -0800 2008 readme [danielvlopes]
file jquery.bgiframe.js Sun Dec 28 10:12:08 -0800 2008 first commit [danielvlopes]
file jquery.popwindow.js Tue Mar 24 10:40:08 -0700 2009 add closebutton option [danielvlopes]
file sample.html Tue Mar 24 10:40:08 -0700 2009 add closebutton option [danielvlopes]
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>




$(document).ready(function(){

		  	$(“#show”).popwindow(“#popup_div1”);

		  });

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