Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > CSS

Автор: Ярик 14.6.2005, 00:55

объвлен слой

Код


#search
{
  
        z-index: 10;
        position: absolute;
        top: 200px;
        left:200px;
        visibility: hidden;
        border-style: double; 
}

Код


<DIV ID="search" style="width: 2; height: 72">
<TABLE BGCOLOR="#FFFFFF" CELLPADDING="10" BORDER="2"><TR><TD>
<H3>search</H3>
<FORM ACTION="cgi-bin/find.pl" METHOD="post">
       <IMG SRC="d:/site/find.gif" ALT="find" width="90"  height="18"  BORDER="0" >
        <TABLE><TR>
                           <TD VALIGN="middle"><INPUT TYPE="text"
                              SIZE=30 NAME="searchString" ></TD>
                             <TD VALIGN="middle"><INPUT TYPE="image"
                             SRC="d:/site/find.gif" BORDER="0" </TD width="90" height="18">
                             </TD></TR></TABLE>
</FORM>
<A HREF="javascript:hideLayer('search')">
Close this window </A>
</TD></TR></TABLE>
</DIV>

Мне нужно что бы при нажатии на кнопку , слой становился видимым

Автор: Рыжий 14.6.2005, 01:08

видимость слоя конечно же лучше через
.style.visibility="visible"/"hidden"

Автор: PARROT 14.6.2005, 01:21

Ярик, пользуйся кнопкой Код, наверху.
так:

Код


тут код. Это для удобочитаемости кода.

И регистрируйся. Тут тебе помогут! smile

Автор: Black 14.6.2005, 12:05

Цитата

Мне нужно что бы при нажатии на кнопку , слой становился видимым

вот так:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
 <title>:::</title>

<style type='text/css'>
.search
{
position: absolute;
top: 200px;
left:200px;
visibility: hidden;
border-style: double;
padding: 10px;
}
</style>
</head>

<body>

<div id='div' class='search'>
  <h3>Search</h3>

  <form action='cgi-bin/find.pl' method='post'>
  <img src='d:/site/find.gif' alt='find' width='90' height='18' border='0' />
  <input type='text' size='30' name='searchstring' />
  <input type='image' src='d:/site/find.gif' style='border-width: 0px;' />
  </form>

  <button onclick="document.getElementById('div').style['visibility']='hidden';">Скрыть</button>
</div>

<button onclick="document.getElementById('div').style['visibility']='visible';">Показать</button>

</body>
</html>