BigAp.ru — интернет-магазин электроники и бытовой техники

Автор Тема: Показать / Скрыть содержимое по нажатию кнопки в HTML  (Прочитано 5979 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн sysadmin

  • Administrator
  • сисадми́н
  • *****
  • Сообщений: 8029
  • Karma: +109/-0
  • Пол: Мужской
    • Share Post
    • сайт для сис. админов и не только...
Первый пример показываем \ прячем картинку:

<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.
дорогу осилит идущий...
......................
MCP, MCTS, RHCSA
......................
also aka xck...

 


xx
HTML ссылка, скрыть / отобразить текст

Автор adil89

6 Ответов
480 Просмотров
Последний ответ Декабрь 04, 2015, 11:40:55 am
от adil89
xx
Установка кнопки для мода Hide Tag Special

Автор sysadmin

0 Ответов
3424 Просмотров
Последний ответ Август 07, 2009, 04:29:58 pm
от sysadmin
xx
tar - как запаковать все содержимое текущей папки?

Автор sysadmin

0 Ответов
747 Просмотров
Последний ответ Октябрь 04, 2014, 05:36:54 pm
от sysadmin
xx
Удалить содержимое папки в Linux?

Автор sysadmin

5 Ответов
2605 Просмотров
Последний ответ Июль 30, 2014, 04:06:12 pm
от sysadmin