Показать сообщение отдельно
  #8 (permalink)  
Старый 01.12.2017, 16:07
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

А так?
<html>
<head>
	<title>Untitled</title>
	<style> 
		#panel {
			padding: 5px;
			text-align: center;
			background-color: #e5eecc;
			border: solid 1px #c3c3c3;
		}
		#panel {
			padding: 50px;
			display: none;
		}
	</style>
</head>
<body> 
<button id="flip">Click</button>
<div id="panel">Hello world!</div>
<script type="text/javascript"> 
	var timeout=0;
	addEvent(document.getElementById('flip'),'click',function(){
		var panel=document.getElementById('panel');
		panel.style.display='block';
		
		clearTimeout(timeout);
		timeout=setTimeout(function(){
			panel.style.display='none';
		},2000);
	});
	
	function addEvent(elem,evnt,func){
		if(elem.addEventListener)
			elem.addEventListener(evnt,func,false);
		else if(elem.attachEvent)
			elem.attachEvent("on"+evnt,func);
		else
			elem[evnt]=func;
	}
</script>
</body>
</html>
Ответить с цитированием