页面代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Floating window with tabs</TITLE>
<STYLE TYPE="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
a{
color:red;
}
img{
border:0px;
}
</STYLE>
<link rel="stylesheet" href="floating_window_with_tabs.css" media="screen">
<script type="text/javascript">
var floating_window_skin = 1;
</script>
<script type="text/javascript" src="floating_window_with_tabs.js"></script>
</HEAD>
<BODY>
<a href="/index.html"><img src="http://www.dhtmlgoodies.com/images/heading3.gif"></a><div id="debug"></div>
<div id="window1">
<div class="floatingWindowContent">
This is a window where I have disabled the scrollbar at the right. If you try to resize it, you will see that some of this text will be hidden
below the bottom edge of the window.<br><br>
I have sent removed the close button from the window.
</div>
<div class="floatingWindowContent">
This script is based on simple ordinary div tags. This makes it very easy to set up. Put in your HTML content and call a javascript function to initialize the window.
</div>
<div class="floatingWindowContent">
Content 3
</div>
</div><div id="window2">
<div class="floatingWindowContent">
This script has been tested in IE, Firefox and Opera. Unfortunately, Opera doesn't support overflow in the same extent as
IE and firefox, so there you will find both a horizontal and vertical scrollbar. I found that to be better than no scrollbars at all.
</div>
<div class="floatingWindowContent">
This is the content of another tab.
</div>
<div class="floatingWindowContent">
You can use CSS to modify the appearance of the content. This is done by applying CSS rules to the class "floatingWindowContent". example:
.dhtmlgoodies_floatingWindow .floatingWindowContent{color:red; }
</div>
</div><div id="window3">
<div class="floatingWindowContent">
Cookies are used to remember<br>
* Position of windows<br>
* Size of windows<br>
* Active tab<br>
* Stack order of windows<br>
</div>
<div class="floatingWindowContent">
This is the first version of this window script. I will appreciate tip from you of new scripts and widgets, or perhaps improvement of this script. Send an
email to <a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div id="window4">
<div class="floatingWindowContent">
This is a window where I have specified that I want no tabs and no resize.
</div>
</div><script type="text/javascript">
// Arguments to function :
// 1. ID of window
// 2. array of tab names
// 3. Initial window height
// 4. Initial window width
// 5. left position(could be overriden by cookies)
// 6. top position(could be overridden by cookies)
// 7. No scrollbars
// 8. No resize handle
// 0. No status bar
// 10. No close button
// 11. No minimize button// windowID,tabs,windowHeight,windowWidth,leftPos,topPos,noScrollbars,noResize,noStatusBar,noCloseButton,noMinimizeButton
initFloatingWindowWithTabs('window1',Array('Info','More info','The end'),200,200,50,50,true,false,false,true);
initFloatingWindowWithTabs('window2',Array('Browsers','Tab 2','Tab 3'),false,150,250,150);
initFloatingWindowWithTabs('window3',Array('Messages','History'),false,150,300,250,false,false,false,false,false);
initFloatingWindowWithTabs('window4',false,false,200,500,100,true,true,true,true);
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Floating window with tabs</TITLE>
<STYLE TYPE="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
a{
color:red;
}
img{
border:0px;
}
</STYLE>
<link rel="stylesheet" href="floating_window_with_tabs.css" media="screen">
<script type="text/javascript">
var floating_window_skin = 1;
</script>
<script type="text/javascript" src="floating_window_with_tabs.js"></script>
</HEAD>
<BODY>
<a href="/index.html"><img src="http://www.dhtmlgoodies.com/images/heading3.gif"></a><div id="debug"></div>
<div id="window1">
<div class="floatingWindowContent">
This is a window where I have disabled the scrollbar at the right. If you try to resize it, you will see that some of this text will be hidden
below the bottom edge of the window.<br><br>
I have sent removed the close button from the window.
</div>
<div class="floatingWindowContent">
This script is based on simple ordinary div tags. This makes it very easy to set up. Put in your HTML content and call a javascript function to initialize the window.
</div>
<div class="floatingWindowContent">
Content 3
</div>
</div><div id="window2">
<div class="floatingWindowContent">
This script has been tested in IE, Firefox and Opera. Unfortunately, Opera doesn't support overflow in the same extent as
IE and firefox, so there you will find both a horizontal and vertical scrollbar. I found that to be better than no scrollbars at all.
</div>
<div class="floatingWindowContent">
This is the content of another tab.
</div>
<div class="floatingWindowContent">
You can use CSS to modify the appearance of the content. This is done by applying CSS rules to the class "floatingWindowContent". example:
.dhtmlgoodies_floatingWindow .floatingWindowContent{color:red; }
</div>
</div><div id="window3">
<div class="floatingWindowContent">
Cookies are used to remember<br>
* Position of windows<br>
* Size of windows<br>
* Active tab<br>
* Stack order of windows<br>
</div>
<div class="floatingWindowContent">
This is the first version of this window script. I will appreciate tip from you of new scripts and widgets, or perhaps improvement of this script. Send an
email to <a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div id="window4">
<div class="floatingWindowContent">
This is a window where I have specified that I want no tabs and no resize.
</div>
</div><script type="text/javascript">
// Arguments to function :
// 1. ID of window
// 2. array of tab names
// 3. Initial window height
// 4. Initial window width
// 5. left position(could be overriden by cookies)
// 6. top position(could be overridden by cookies)
// 7. No scrollbars
// 8. No resize handle
// 0. No status bar
// 10. No close button
// 11. No minimize button// windowID,tabs,windowHeight,windowWidth,leftPos,topPos,noScrollbars,noResize,noStatusBar,noCloseButton,noMinimizeButton
initFloatingWindowWithTabs('window1',Array('Info','More info','The end'),200,200,50,50,true,false,false,true);
initFloatingWindowWithTabs('window2',Array('Browsers','Tab 2','Tab 3'),false,150,250,150);
initFloatingWindowWithTabs('window3',Array('Messages','History'),false,150,300,250,false,false,false,false,false);
initFloatingWindowWithTabs('window4',false,false,200,500,100,true,true,true,true);
</script>
</BODY>
</HTML>
解决方案 »
- javascript怎么有rgba,rgb这种函数的呀
- 登录窗口如何始终最前？
- 问一个jquery写的相册问题
- 大家用firefox遇到过样的问题吗？
- cookie 读写..
- canvas旋转问题，旋转后canvas里面的图片之间有了缝隙。。。
- 在线等-救急[关于补色问题]
- 焦点map使用问题，有会的高手，多指教
- 如何编写才能使页面的按钮不覆盖动态添加生成的多选项？？？
- javascript能返回客户端机器名或IP地址吗？？急！！
- 【求助】javascript 多维数组object混用后 报错！ SyntaxError: missing ] after element list
- ！求助！jsp页面动态改变所播放视频的连接，同时菜单栏样式改变的问题！
var activeFloatingWindowContent = false;
var activeFloatingWindowTabDiv = false;
var activeFloatingWindowStatusDiv = false;
var activeFloatingWindowMoveBar = false; var currentZIndex = 1000;
var floatingWindowMaxZIndex = 1000;
var floatingWindowMinimumWidth = new Array();
var floatingWindowTabDivs = new Array();
var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
var navigatorVersion = navigator.appVersion.replace(/.*?MSIE (\d\.\d).*/g,'$1')/1;
var floatingWindowMoveCounter = -1;
var floatingWindowResizeCounter = -1;
var initEventX = false;
var initEventY = false;
var window_posX = false;
var window_posY = false;
var window_height = false;
var window_width = false;
var floatingWindowStates = new Array();
switch(floating_window_skin){
case 2:
document.getElementById('cssRef').href = 'floating_window_with_tabs-skin2.css';
var tabRightInActive = "./images/skin2_tab_right_inactive.gif";
var tabRightActive = "./images/skin2_tab_right_active.gif";
var tabImagePrefix = "./images/skin2_tab_right_";
var closeButtonMouseOverColor = '#006BF8';
break;
default:
var tabRightInActive = "./images/tab_right_inactive.gif";
var tabRightActive = "./images/tab_right_active.gif";
var tabImagePrefix = "./images/tab_right_";
var closeButtonMouseOverColor = '#317082';
break;
}
/*
These cookie functions are downloaded from
http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm
*/
function Get_Cookie(name) {
var start = document.cookie.indexOf(name+"=");
var len = start+name.length+1;
if ((!start) && (name != document.cookie.substring(0,name.length))) return null;
if (start == -1) return null;
var end = document.cookie.indexOf(";",len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len,end));
}
// This function has been slightly modified
function Set_Cookie(name,value,expires,path,domain,secure) {
expires = expires * 60*60*24*1000;
var today = new Date();
var expires_date = new Date( today.getTime() + (expires) );
var cookieString = name + "=" +escape(value) +
( (expires) ? ";expires=" + expires_date.toGMTString() : "") +
( (path) ? ";path=" + path : "") +
( (domain) ? ";domain=" + domain : "") +
( (secure) ? ";secure" : "");
document.cookie = cookieString;
}
function cancelWindowEvent()
{
return (floatingWindowMoveCounter==-1 && floatingWindowResizeCounter==-1 && this.tagName!='IMG')?true:false;
}
function showHideWindowTab()
{ var parentEl = this.parentNode;
if(!activeFloatingWindow)activeFloatingWindow = parentEl.parentNode;
var windowIndex = parentEl.parentNode.id.replace(/[^\d]/g,'');
var subDiv = parentEl.getElementsByTagName('DIV')[0];
counter=0;
var contentDiv = contentDivs[windowIndex][0];
var tabFound = false; do{
if(subDiv.tagName=='DIV' && subDiv.className!='floatingWindowCloseButton'){
if(!tabFound)zIndex = counter;else zIndex = 100-counter;
if(subDiv!=this){
subDiv.className = 'floatingWindowTab_inactive';
var img = subDiv.getElementsByTagName('IMG')[0];
img.src = tabRightInActive
subDiv.style.zIndex = zIndex;
contentDiv.style.display='none';
}else{
this.className='floatingWindowTab_active';
this.style.zIndex = 500;
var img = this.getElementsByTagName('IMG')[0];
img.src = tabRightActive;
if(floatingWindowStates[activeFloatingWindow.id.replace(/[^0-9]/gi,'')])
contentDiv.style.display=floatingWindowStates[activeFloatingWindow.id.replace(/[^0-9]/gi,'')];
else
contentDiv.style.display='block'
tabFound = true;
Set_Cookie('floating_window_activeTab' + windowIndex,counter,100);
}
counter++;
}
subDiv = subDiv.nextSibling;
if(contentDiv.nextSibling)contentDiv = contentDiv.nextSibling;
}while(subDiv);
}
function toggleCloseButton()
{
this.style.color='#FFF';
this.style.backgroundColor = closeButtonMouseOverColor;
}
function toggleOffCloseButton()
{
this.style.color='';
this.style.backgroundColor = '';
}
function closeFloatingWindow()
{
this.parentNode.parentNode.style.display='none';
}
function minimizeFloatingWindow()
{
var action = this.getAttribute('action');
var aTag = this.getElementsByTagName('SPAN')[0];
if(action=='minimize'){
this.setAttribute('action','maximize');
activeFloatingWindowContent.style.display='none';
aTag.style.top = '-10px';
}else{
this.setAttribute('action','minimize');
activeFloatingWindowContent.style.display='block';
aTag.style.top = '0px';
}
floatingWindowStates[activeFloatingWindow.id.replace(/[^0-9]/gi,'')] = activeFloatingWindowContent.style.display;
}
function initFloatingWindowResize(e)
{
if(document.all)e = event;
floatingWindowResizeCounter = 0;
bringFloatingWindowToFront(false,this.parentNode.parentNode); initEventX = e.clientX;
initEventY = e.clientY;
window_height = activeFloatingWindowContent.offsetHeight;
window_width = activeFloatingWindow.offsetWidth;
timerFloatingWindowMove();
return false;
}
function initFloatingWindowMove(e)
{
if(document.all)e = event;
floatingWindowMoveCounter = 0;
bringFloatingWindowToFront(false,this.parentNode); initEventX = e.clientX;
initEventY = e.clientY;
window_posX = activeFloatingWindow.style.left.replace('px','')/1;
window_posY = activeFloatingWindow.style.top.replace('px','')/1;
timerFloatingWindowMove();
return false;
}
{
if(floatingWindowMoveCounter>=0 && floatingWindowMoveCounter<10){
floatingWindowMoveCounter = floatingWindowMoveCounter + 1;
setTimeout('timerFloatingWindowMove()',10);
}
if(floatingWindowResizeCounter>=0 && floatingWindowResizeCounter<10){
floatingWindowResizeCounter = floatingWindowResizeCounter + 1;
setTimeout('timerFloatingWindowMove()',10);
}
}
var allowFloatingResize = true;
var windowMoveInProgress = false;
function floatingWindowMove(e)
{
if(windowMoveInProgress)return;
windowMoveInProgress = true;
if(document.all)e = event;
if(floatingWindowMoveCounter>=10){
var leftPos = window_posX + e.clientX - initEventX;
var topPos = window_posY + e.clientY - initEventY;
if(topPos<0)topPos=0;
if(leftPos<0)leftPos=0;
activeFloatingWindow.style.left = leftPos + 'px';
activeFloatingWindow.style.top = topPos + 'px';
windowMoveInProgress = false;
return;
}
if(floatingWindowResizeCounter>=10 && allowFloatingResize){
var width = window_width + e.clientX - initEventX;
var height = window_height + e.clientY - initEventY;
if(width<floatingWindowMinimumWidth[activeFloatingWindow.id])width = floatingWindowMinimumWidth[activeFloatingWindow.id];
if(height<0)height = 0;
activeFloatingWindowMoveBar.style.width = (width - 4) + 'px';
activeFloatingWindow.style.width = width + 'px';
var numericID = activeFloatingWindow.id.replace(/[^\d]/g,'');
for(var no=0;no<contentDivs[numericID].length;no++){
if(navigatorVersion<6 && MSIE){
contentDivs[numericID][no].style.width = (width) + 'px';
}else{
contentDivs[numericID][no].style.width = (width - 4) + 'px';
}
contentDivs[numericID][no].style.height = height + 'px';
}
if(navigatorVersion<6 && MSIE){
activeFloatingWindowMoveBar.style.width = (width) + 'px';
}
if(document.all){
allowFloatingResize = false;
setTimeout('allowFloatingResize=true',30);
}
windowMoveInProgress = false;
}
windowMoveInProgress = false;
}
function initSetSize(windowObj,width,height)
{
if(width<floatingWindowMinimumWidth[windowObj.id])width = floatingWindowMinimumWidth[windowObj.id];
windowObj.style.width = width + 'px';
var subDivs = windowObj.getElementsByTagName('DIV');
for(var no=0;no<subDivs.length;no++){
if(subDivs[no].className=='floatingWindowContent')subDivs[no].style.width = (width-4) + 'px';
if(subDivs[no].className=='floatingWindowContent' && height)subDivs[no].style.height = height + 'px';
}
}
function floatingWindowStopMove(e)
{
if(floatingWindowMoveCounter>=0){
floatingWindowMoveCounter = -1;
if(activeFloatingWindow)Set_Cookie(activeFloatingWindow.id,activeFloatingWindow.style.left.replace('px','') + '_' + activeFloatingWindow.style.top.replace('px',''),100);
}
if(floatingWindowResizeCounter>=0){
floatingWindowResizeCounter = -1;
Set_Cookie('floating_window_size' + activeFloatingWindow.id.replace(/[^\d]/g,''),activeFloatingWindow.style.width.replace('px','') + '_' + activeFloatingWindowContent.style.height.replace('px',''),100);
}
}
function addMovingBar(inputObj,noMove)
{
var div = document.createElement('DIV');
div.className='floatingWindow_moveBar';
div.style.zIndex = 1000;
div.style.position = 'relative';
div.innerHTML = '<span></span>';
if(!noMove)div.onmousedown = initFloatingWindowMove;
inputObj.appendChild(div);
}
{
var div = document.createElement('DIV');
div.className='floatingWindow_topRow';
div.style.zIndex = 1000;
div.style.position = 'relative';
floatingWindowMinimumWidth[inputObj.id] = 0;
inputObj.appendChild(div);
floatingWindowTabDivs[inputObj.id] = div;
var currentWidth = 0;
var activeTabIndexCookie = Get_Cookie('floating_window_activeTab' + inputObj.id.replace(/[^\d]/g,''));
if(!activeTabIndexCookie)activeTabIndexCookie=0;
for(var no=0;no<tabs.length;no++){
var tabDiv = document.createElement('DIV');
tabDiv.onselectstart = cancelWindowEvent;
tabDiv.ondragstart = cancelWindowEvent;
if(no==activeTabIndexCookie){
suffix = 'active';
color_picker_active_tab = this;
}else suffix = 'inactive';
tabDiv.id = 'floatingWindowTab' + no;
tabDiv.onclick = showHideWindowTab;
div.appendChild(tabDiv);
if(no==activeTabIndexCookie){
tabDiv.style.zIndex = 50;
var tmpDiv = tabDiv;
while(tmpDiv.previousSibling){
var tmpCounter = 10;
tmpDiv = tmpDiv.previousSibling;
if(tmpDiv.tagName=='DIV'){
tmpDiv.style.zIndex = tmpCounter;
tmpCounter--;
}
}
}else tabDiv.style.zIndex = 1 + (tabs.length-no);
tabDiv.style.left = currentWidth + 'px';
tabDiv.style.position = 'absolute';
tabDiv.className='floatingWindowTab_' + suffix;
var tabSpan = document.createElement('SPAN');
tabSpan.innerHTML = tabs[no];
tabDiv.appendChild(tabSpan);
var tabImg = document.createElement('IMG');
tabImg.src = tabImagePrefix + suffix + ".gif";
tabDiv.appendChild(tabImg);
if(navigatorVersion<6 && MSIE){ /* Lower IE version fix */
tabSpan.style.position = 'relative';
tabImg.style.position = 'relative';
tabImg.style.left = '-3px';
tabDiv.style.cursor = 'hand';
}
currentWidth = currentWidth + tabSpan.clientWidth + 22 - 11;
if(navigator.userAgent.indexOf('Opera')>=0)currentWidth = currentWidth + 22;
floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id] + tabSpan.offsetWidth + 22 - 11;
if(navigator.userAgent.indexOf('Opera')>=0){
currentWidth = currentWidth - 22;
floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id] - 22;
}
}
floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id] + 14;
if(!noCloseButton){
floatingWindowMinimumWidth[inputObj.id]+=18;
var closeButton = document.createElement('DIV');
closeButton.className='floatingWindowCloseButton';
closeButton.innerHTML = 'x';
closeButton.onclick = closeFloatingWindow;
closeButton.onmouseover = toggleCloseButton;
closeButton.style.top = '1px';
closeButton.onmouseout = toggleOffCloseButton;
div.appendChild(closeButton);
if(navigatorVersion<6 && MSIE){
closeButton.style.top = '1px';
}
}
if(!noMinimizeButton){
floatingWindowMinimumWidth[inputObj.id]+=18;
var minimizeButton = document.createElement('DIV');
minimizeButton.className='floatingWindowCloseButton';
minimizeButton.setAttribute('action','minimize');
minimizeButton.action = 'minimize';
minimizeButton.id = 'minimize_' + inputObj.id;
minimizeButton.innerHTML = '<span style="position:relative">_</span>';
minimizeButton.style.overflow = 'hidden';
minimizeButton.onclick = minimizeFloatingWindow;
minimizeButton.onmousedown = bringFloatingWindowToFront;
minimizeButton.onmouseover = toggleCloseButton;
minimizeButton.onmouseout = toggleOffCloseButton;
div.appendChild(minimizeButton);
minimizeButton.style.top = '1px';
if(!noCloseButton)minimizeButton.style.right = '18px';
}
}
function createStatusBar(inputObj,noResize)
{
var div = document.createElement('DIV');
div.style.position = 'relative';
div.className='floatingWindow_statusBar';
var innerSpan = document.createElement('SPAN');
innerSpan.id = 'floatingWindow_statusBarTxt';
div.appendChild(innerSpan);
inputObj.appendChild(div);
if(noResize){ return;
}
var img = document.createElement('IMG');
img.src = 'images/floating_window_resize.gif';
img.onmousedown = initFloatingWindowResize;
img.ondragstart = cancelWindowEvent;
div.appendChild(img);
}
var contentDivs = new Array();
var countWindows = 0;
function bringFloatingWindowToFront(e,inputObj)
{
if(floatingWindowMaxZIndex>currentZIndex)currentZIndex = floatingWindowMaxZIndex/1 + 1;
if(!inputObj)inputObj = this;
activeFloatingWindow = inputObj;
activeFloatingWindow.style.zIndex = currentZIndex+1;
var numericID = activeFloatingWindow.id.replace(/[^\d]/g,'');
var subDivs = new Array();
if(floatingWindowTabDivs[activeFloatingWindow.id])subDivs = floatingWindowTabDivs[activeFloatingWindow.id].getElementsByTagName('DIV');
for(var no=0;no<subDivs.length;no++){
if(subDivs[no].className=='floatingWindowTab_active'){
activeFloatingWindowContent = contentDivs[numericID][no];
break;
}
} activeFloatingWindowStatusDiv = false;
activeFloatingWindowTabDiv = false;
var divs = activeFloatingWindow.getElementsByTagName('DIV');
for(var no=0;no<divs.length;no++){
if(divs[no].className=='floatingWindow_statusBar')activeFloatingWindowStatusDiv = divs[no];
if(divs[no].className=='floatingWindow_topRow')activeFloatingWindowTabDiv = divs[no];
if(divs[no].className=='floatingWindow_moveBar')activeFloatingWindowMoveBar = divs[no];
}
Set_Cookie('floating_window_zIndex' + numericID,currentZIndex,100);
currentZIndex++;
}
function initFloatingWindowWithTabs(windowID,tabs,windowHeight,windowWidth,leftPos,topPos,noScrollbars,noResize,noStatusBar,noCloseButton,noMinimizeButton,noMove)
{
contentDivs[countWindows] = new Array();
var el = document.getElementById(windowID);
el.id = 'dhtmlgoodies_floating_window' + countWindows;
el.style.overflow = 'hidden';
el.className = 'dhtmlgoodies_floatingWindow';
el.onmousedown = bringFloatingWindowToFront;
var cookieValue = Get_Cookie(el.id) + '';
if(cookieValue.length>0 && cookieValue!='null'){
var cookieItems = cookieValue.split('_');
leftPos = cookieItems[0];
topPos = cookieItems[1];
}
try{
el.style.left = leftPos + 'px';
el.style.top = topPos + 'px';
}catch(e){
}
el.style.zIndex = currentZIndex;
var contentDiv = el.getElementsByTagName('DIV')[0];
contentDivs[countWindows].push(contentDiv);
while(contentDiv.nextSibling){
contentDiv = contentDiv.nextSibling;
if(contentDiv.className=='floatingWindowContent'){
contentDivs[countWindows].push(contentDiv);
}
}
addMovingBar(el,noMove);
if(tabs)addTabs(el,tabs,noCloseButton,noMinimizeButton);else floatingWindowMinimumWidth[el.id] = 40;
var activeTabIndexCookie = Get_Cookie('floating_window_activeTab' + countWindows);
if(!activeTabIndexCookie)activeTabIndexCookie=0;
for(var no=0;no<contentDivs[countWindows].length;no++){
if(no==activeTabIndexCookie)contentDivs[countWindows][no].style.display='block'; else contentDivs[countWindows][no].style.display='none';
el.appendChild(contentDivs[countWindows][no]);
if(windowHeight)contentDivs[countWindows][no].style.height = (windowHeight - 46) + 'px';
if(noScrollbars){
contentDivs[countWindows][no].style.overflow='hidden';
}
if(navigator.userAgent.indexOf('Opera')>=0 && !noScrollbars){
contentDivs[countWindows][no].style.overflow = 'scroll';
}
contentDivs[countWindows][no].style.zIndex = 100;
contentDivs[countWindows][no].style.position = 'relative';
}
if(MSIE){
var iframe = document.createElement('<IFRAME frameborder="0" src="about:blank">');
iframe.style.position = 'absolute';
iframe.style.width = '1000px';
iframe.style.height = '1000px';
iframe.style.top = '0px';
iframe.style.left = '0px';
contentDivs[countWindows][0].parentNode.insertBefore(iframe,contentDivs[countWindows][0]);
}
if(!noStatusBar && !noResize)createStatusBar(el,noResize);
if(countWindows==0){
document.documentElement.onmousemove = floatingWindowMove;
document.documentElement.onmouseup = floatingWindowStopMove;
}
var cookieSize = Get_Cookie('floating_window_size' + el.id.replace(/[^\d]/g,'')); if(cookieSize){
var sizeArray = cookieSize.split('_');
initSetSize(el,sizeArray[0],sizeArray[1]);
}else{
var sizeArray = [windowWidth,windowHeight];
initSetSize(el,sizeArray[0],sizeArray[1]);
}
var cookieZIndex = Get_Cookie('floating_window_zIndex' + el.id.replace(/[^\d]/g,''));
if(cookieZIndex){
el.style.zIndex = cookieZIndex;
if(!floatingWindowMaxZIndex)floatingWindowMaxZIndex = 0;
floatingWindowMaxZIndex = Math.max(floatingWindowMaxZIndex,cookieZIndex/1 + 1);
}
el.onselectstart = cancelWindowEvent;
countWindows++;
currentZIndex++;
}