PopWindow

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


Examples


Usage

Javascript

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

		<script language="javascript" type="text/javascript">

			$(document).ready(function(){
		  	$("#show").popwindow("#popup_div1");
		  });
   
		</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
		</div>
	

CSS

	
		.popup_msg{ display:none; }
	

Possible Params

Param Values Desc
position "bottom","right","top","left" display hidden element in passed position
offsetTop Any number value (default is 10) offset for top
offsetSides Any number value (default is 0) offset for sides
transitionSpeed "fast","slow" (default is "fast") speed of fade effect