Форум

monolithed · #11 (**permalink**) 21.11.2010, 19:01

Сообщение от Vulkan

вообще составные названия функций, переменных и т.п. желательно писать в стиле CamelCase.

Нет таких рекомендаций, если иное не указано в документации к проекту.
А относительно onfocus и пр. обработчиков событий, то их названия всегда нужно писать в нижнем регистре. Исключение может быть только в одном случае если тип документа HTML (в нем допускается в любом регистре писать). А вот к примеру XHTML это будет синтаксической ошибкой

ksa · #12 (**permalink**) 22.11.2010, 11:55

Vulkan, применительно к onfocus и др. событий, JS чуствителен к регистру и таки писать их нужно именно в нижнем регистре согласно документации. Дабы потом небыло мучительно больно если "разнокалиберная" надпись не будет работать где-то...

zoOmer · #13 (**permalink**) 22.07.2013, 05:49

А как сделать чтоб при клике за пределами textarea блок обратно скрывался??

skrudjmakdak · #14 (**permalink**) 22.07.2013, 10:16

<!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>

dee3000 · #15 (**permalink**) 27.06.2015, 20:25

Отлично. Если можно еще бы немного сделать чтоб не моментально появлялся а медленно?

methusalem · #16 (**permalink**) 27.09.2023, 16:35

Сообщение от 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>

рони · #17 (**permalink**) 27.09.2023, 18:31

methusalem,

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Форум

Справочник

Discord чат

Курсы javascript