Цитата:
А относительно onfocus и пр. обработчиков событий, то их названия всегда нужно писать в нижнем регистре. Исключение может быть только в одном случае если тип документа HTML (в нем допускается в любом регистре писать). А вот к примеру XHTML это будет синтаксической ошибкой |
Vulkan, применительно к onfocus и др. событий, JS чуствителен к регистру и таки писать их нужно именно в нижнем регистре согласно документации. Дабы потом небыло мучительно больно если "разнокалиберная" надпись не будет работать где-то... ;)
|
А как сделать чтоб при клике за пределами textarea блок обратно скрывался??
|
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="block" style="visibility: hidden; width: 400px; height: 40px; border: 1px solid black;"></div>
<textarea style="width: 300px heihgt: 200px;" onfocus="focus1();" onblur="blur1();"></textarea>
<script type="text/javascript">
var block = document.getElementById('block');
function focus1()
{
block.style.visibility = 'visible';
}
function blur1()
{
block.style.visibility = 'hidden';
}
</script>
</body>
</html>
|
Отлично. Если можно еще бы немного сделать чтоб не моментально появлялся а медленно?
|
Цитата:
<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>
|
methusalem,
О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
| Часовой пояс GMT +3, время: 17:41. |