Горячая клавиша
Народ подскажите как мне сделать, чтобы при нажатии на определенную клавишу на клавиатуре,(допустим клавиша "`") , блок div скрывался, а когда скрыт, и нажимаешь на эту же клавишу то он появлялся бы.
Т.е. условно говоря, при нажатии на одну клавишу блок появлялся или скрывался. Есть вот такой скриптик <script type="text/javascript" language="javascript"> function hotkeys(e) { if (!e) e = window.event; var k = e.keyCode; if (k == 192) {document.getElementById('console').style.visibility = 'hidden';} } </script> вызов функции: <script type="text/javascript" language="javascript"> function init() { document.onkeydown = hotkeys; } </script> и в тег body вот это: body onpageshow="init()" ---------------------------------------------- При таком раскладе , при нажатии на клавишу 192(~), нужный мне элемент 'console', скрывается('hidden'). Может можно его как то подправить что бы он еще и открывался. Я экспериментировал с операторами If/else, пытался задать условия выполнения скрипта при определенных параметрах div'A . Тобишь если он скрыт('hidden') то исполнять одно условия при нажатии на клавишу,(т.е. показывать див); если он(div) показан('visible') То соответственно выполнять условие скрытия дива при нажатии на туже клавишу. Но все тщетно не хоч работать, :( может я что не так там делал, Вообще помогите осуществить не этим так любым другим способом, |
вот так будет и скрываться и открываться:
<script type="text/javascript" language="javascript"> window.onload = function () { document.onkeydown = function (e) { e = e || window.event; var k = e.keyCode, elem = document.getElementById('console'); if (k == 192) elem.style.visibility = (elem.style.visibility == 'hidden' ? 'visible' : 'hidden'); } } </script> <body> <div id="console" style="width: 100px; height: 100px; background: red;"></div> </body> |
Спасибо работает.
|
Часовой пояс GMT +3, время: 05:38. |