Sys-Admin Forum

Показать / Скрыть содержимое по нажатию кнопки в HTML

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


<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>&nbsp;</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>

Можно создать тхт файл, скопировать туда код, сохранить как - html.