Скрытый слой появляется на клик
Давно ищу и не могу найти скрипт. На клик левой кнопкой в любом месте окна появляется в определённом месте скрытый слой. При повторном клике он изчезает. Раньше я встречал такие скипты, а сейчас нет. Может кто поможет?
|
1) делаешь скрытый слой. обязательно присваеваешь слою id (к примеру, is="test")
2) добавляешь событие в код Код:
onclick="document.getElementById('test').style.display='block'"Код:
document.getElementById('test').style.display='none'вроде не соврал :) |
Спасибо за помощь. Я написал такой код:
<html>
<head>
<title>Скрытый блок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT LANGUAGE="JavaScript">
<!--
function ablok() {
document.getElementById('test').style.display='block';
document.getElementById('test').style.display='none'
}
//-->
</script>
</head>
<body onclick="ablok()">
<div align=center id="test" style="position:absolute; top:20; left:345; width:120; height:230">Скрытый блок</div>
</body></html>
Блок на клик изчезает, но больше не появляется. А хочется, чтобы пропадал-появлялся, пропадал появлялся... Как можно поправить? |
а все потому, что в коде указано, что он появляется, и тут же исчезает
Код:
document.getElementById('test').style.display='block'; |
то есть, необходимо добавить проверку на то, видимый сейчас блок или нет...
|
что-то вроде того:
Код:
if (document.getElementById('test').style.display='block') |
Не появляется. Может задать переменную?
|
<html>
<head>
<title>Скрытый блок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT LANGUAGE="JavaScript">
<!--
function ablok() {
if (document.getElementById('test').style.display='block')
{document.getElementById('test').style.display='none'}
else
{document.getElementById('test').style.display='block'}
}
//-->
</script>
</head>
<body onclick="ablok()">
<div align=center id="test" style="position:absolute; top:20; left:345; width:120; height:230">Скрытый блок</div>
</body></html>
|
Для сравнения используйте "==", а не "=" (присваивание).
|
И так не работает.
<html>
<head>
<title>Скрытый блок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<SCRIPT LANGUAGE="JavaScript">
<!--
function ablok() {
var a=document.getElementById('test').style.display='block'
var b=document.getElementById('test').style.display='none'
var c=b
if (c==a)
{c=b}
else
{c=a}
}
//-->
</script>
</head>
<body onclick="ablok()">
<div align=center id="test" style="position:absolute; top:20; left:345; width:120; height:230">Скрытый блок</div>
</body></html>
|
| Часовой пояс GMT +3, время: 07:39. |