PHParadise | category html and code | copy source code of floating div

PHParadise > html and code > floating div

this javascript gives you an iframe-type floating layer.

copy the code of html and code / floating div

<?php

/*------------------------------------------------------------------------------
|
|                             PHParadise source code
|
|-------------------------------------------------------------------------------
|
| file:             floating div
| category:         html and code
|
| last modified:    Sat, 02 Jul 2005 00:31:51 GMT
| downloaded:       Thu, 09 Feb 2012 23:58:19 GMT as copy from textarea
|
| code URL:
| http://phparadise.de/php-code/html-and-code/floating-div/
|
| description:
| this javascript gives you an iframe-type floating layer.
|
------------------------------------------------------------------------------*/

?>
<style type="text/css">
	#thingy {
		width: 300px;
		height: 250px;
		overflow: auto;
		padding-left: 5px;
		padding-right: 3px;
		background: white;
	}
	#sizer {
		position: absolute;
		top: -100px;
		display: none;
	}
	.divtext {
		font: 200 14px helvetica,arial,verdana,sans-serif;
	}
</style>
<script type="text/javascript"> 
	function getElement(id)
	{
		return document.getElementById ? document.getElementById(id) :
		document.all ? document.all(id) : null;
	}
	function get_lineheight(id)
	{
		var el = getElement(id);
		if(el && typeof el.offsetHeight != 'undefined')
			return el.offsetHeight;
	}
	function setScrollDIVht(id)
	{
		var lineheight = get_lineheight('sizer');
		var el = getElement(id);
		var elHt = el.offsetHeight;
		if(el && el.style)
			el.style.height = String(elHt + (lineheight - (elHt%lineheight)) + 'px');
	}
</script> 
<span id="sizer" class="divtext"><br /></span> 
<div id="thingy" class="divtext"> 	
	<script type="text/javascript"> 
			for (i=0;i<400;i++) document.write('blah '); //filler
	</script>
</div>
<script type="text/javascript">
	 setScrollDIVht('thingy');
</script>
<form style="margin-top:10px;">text-size:
	<select 
		onchange="x=options[selectedIndex].value; 
		getElement('sizer').style.fontSize=getElement('thingy').style.fontSize=x; 
		setScrollDIVht('thingy')">
		 <option value="11px">11px</option>
		 <option value="13px">13px</option>
		 <option value="14px" selected="selected">14px</option>
		 <option value="16px">16px</option>
		 <option value="22px">22px</option>
		 <option value="32px">32px</option>
	</select>
</form>

PHParadise source code of “floating div” in category “html and code”

PHParadise > html and code > floating div

copy the code of html and code / floating div