Показать сообщение отдельно
  #16 (permalink)  
Старый 27.09.2023, 17:35
Новичок на форуме
Отправить личное сообщение для methusalem Посмотреть профиль Найти все сообщения от methusalem
 
Регистрация: 27.09.2023
Сообщений: 1

Сообщение от dee3000 Посмотреть сообщение
Отлично. Если можно еще бы немного сделать чтоб не моментально появлялся а медленно?
<html>
<head>
</head>
<body>
	<div id="block" style="visibility: hidden; width: 0px; height: 0px; border: 1px solid black;transition: width 1s, height 1s;">
    </div>
	<textarea onfocus="show();" onblur="blur1();"></textarea>
    <script type="text/javascript">
        var block = document.getElementById('block');
        const hoverEvent = new Event('mouseover');
        block.addEventListener('webkitTransitionEnd', function( event ) { 
        if (block.style.width == '0px')
           blur2();
       }, false );
        function show()
        {
          block.style.visibility = 'visible';
          block.style.width = '400px';
          block.style.height = '40px';
          block.dispatchEvent(hoverEvent);
        }		
        function blur1()
        {
          block.style.width = '0px';
          block.style.height = '0px';
        }
        function blur2()
        {
          block.style.visibility = 'hidden';
        }
    </script>
</body>
</html>
Ответить с цитированием