Показать сообщение отдельно
  #2 (permalink)  
Старый 17.01.2011, 19:20
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

IE с window.pageY/XOffset window.innerHeight/Width работает некорректно. И кстати id элементам назначайте те, которые начинаются не с цифры, так делать нельзя.
Вот корректный вариант:
<script language="javascript">
function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

function showProcess(id){

 	document.getElementById('Description').innerHTML = document.getElementById(id).innerHTML;
	document.getElementById('Description').style.border = 'dashed #d5d5d5 1px';
	document.getElementById('Description').style.backgroundColor = '#f9f9f9';
	document.getElementById('Description').style.padding = '10px 15px 10px 15px';
	document.getElementById('Description').style.lineHeight = '1.4';
	document.getElementById('Process').style.position = 'absolute';
	document.getElementById('Process').style.overflow = 'hidden';
	document.getElementById('Process').style.fontSize = '12px';
	document.getElementById('Process').style.textAlign = 'justify';
	document.getElementById('Process').style.background = '#fff';
	document.getElementById('Process').style.width = '400px';
	document.getElementById('Process').style.zIndex = '100';
	document.getElementById('Process').style.padding = '50px 50px 50px 50px';
	document.getElementById('Process').style.posLeft = document.body.scrollLeft + getClientWidth()/2 - 400/2;
	document.getElementById('Process').style.posTop = document.body.scrollTop + getClientHeight()/2 - 300/2;
	document.getElementById('Process').style.display ='block';	
	return false;
}
</script>

<body>
------------

<div id="Process" style="display:none;">
		<div id="Description"></div>
    	<p><div align="right"><button type="button" value="закрыть" onclick="hideProcess()" id="CloseBtn">Закрыть</button></div>       
</div>


<a href="#" onclick="showProcess(41)">Process 41</a>
<div style="display:none" id="41">Description</div>
</body>

Последний раз редактировалось Vulkan, 17.01.2011 в 19:22.
Ответить с цитированием