Всплывающее окно поиска

22 сентября 2018

Занимаюсь по книге, и там код для поиска.

Весь код в код пишу, на сайте тупо ничего не появлеятся.

<!DOCTYPE html>
<html>
<head>
<title>web</title>
<style type="text/css">
#search
{
z-index: 5;
position: absolute;
top: 200px;
left: 200px;
visibility: hidden;
}
</style>

<script type="text/javascript">
	function showLayer(layerName) {
		document.layers(layerName). visibility = 'visible'
		// body...
	}
	function hideLayer(layerName) {
		document.layers(layerName). visibility = 'hidden'
	}
</script>
</head>
<body>
<div id="search">
<h3>Поиск сайта</h3>
<form action="cgi-bin/search.pl" method="post" >
	<table>
		<tr>
			<td valign="middle" ><input type="text" size="30" name="searchString">
				
			</td>
			<td valign="middle"><input type="image" src="image/go.gif" border="0" >
				
			</td>
		</tr>
	</table>
</form>
<a href="javascript:hideLayer('search')">
	Закрыть окно
</a>
</div>
</body>
</html>

АФИГЕННЕЙШИЙ · 25 сентября 2018

Показываем \ прячем картинку:

<html>
<head>
<title>Show hide</title>
</head>

<body>
<p>
 <script type="text/javascript">
<!--
   function toggle_visibility(id) {
      var e = document.getElementById(id);
      if(e.style.display == 'block')
         e.style.display = 'none';
      else
         e.style.display = 'block';
   }
//-->
</script>
</p>
<form id="form1" name="form1" method="post" action="">
 <input type="button" value="Show \ Hide" onclick="toggle_visibility('MyDiv');"/>
</form>
<p> </p>
<div id="MyDiv">
<img src="MyPic.jpg" />
</div>

</body>
</html>

Отображаем \ прячем слой:

<html>
<head>
<title>Show hide layer HTML</title>

<style type="text/css">
#Layer1 {
   background:#00CCCC;
   z-index:1;
}
</style>

<script>
function hideLayer(ObHide)
{
 document.getElementById(ObHide).style.visibility="hidden";
}

function showLayer(ObShow)
{
 document.getElementById(ObShow).style.visibility="visible";
}
</script>
</head>

<body>

<div id="Layer1" >Layer 1</div>

<br>
<input type="button" name="ly1"  value="hide 1" onClick="hideLayer('Layer1')">

<input type="button" name="ly1"  value="show 1" onClick="showLayer('Layer1')">
</body>
</html>

Войти

Всплывающее окно поиска

Рекомендованные сообщения

555 0

Ссылка на сообщение

Поделиться на других сайтах

АФИГЕННЕЙШИЙ 0

Ссылка на сообщение

Поделиться на других сайтах

Пожалуйста, войдите для комментирования

О НАС

НАВИГАЦИЯ

KuLiK В СОЦИАЛЬНЫХ СЕТЯХ

Telegram:

WhatsApp:

ВКонтакте:

ANDROID-ПРИЛОЖЕНИЕ Магазин KuLiK

ДРУГИЕ КОНТАКТЫ

Активность