HTML. как сделать. При нажатие кнопки появилась информация

Question

HTML. как сделать. При нажатие кнопки появилась информация

ds wq Знаток (280), закрыт 13 лет назад

Дополнен 13 лет назад

?

Answer 1

Чистый HTML и CSS (стили для кнопочек позаимствованы отсюда: [ссылка заблокирована по решению администрации проекта]. com/tutorials/css3-gradient-buttons/
Рамочку и полосу прокрутки можно скрыть -- тогда ваще.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>При нажатие кнопки появилась информация</title>
<link rel="stylesheet" type="text/css" href="css-buttons.css"/>
<style>
#out {
border: solid #ccc 1px;
height: 5em;
overflow: auto;
}
</style>
</head>
<body>
<a href="#text" class="button white">Покажите мне текст</a>
<div id="out">
<p> </p>
<p> </p>
<p> </p>
<p id="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</body>
</html>

Answer 2

Смотря как конкретно требуется, пиши подробнее, а то так я тебе напишу ставь баттон и ссылку (нажмешь и будет инфа)

Answer 3

это не html, это javascript, а если точнее технология AJAX, смотрите компонент jquery (http://docs.jquery.com/Tutorials)

Answer 4

Это называется спойлер, погугли и найдешь самый подходящий варриант

Вот самый простой способ

<div onclick="document.getElementById('test').style.display = 'block';">Нажатие кнопки</div>
<div id="test" style="display:none">Появляется текст</div>

Answer 5

спойлер, например http://www.sohtanaka.com/web-design/examples/toggle/#
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/

Answer 6

a href="javascript: displ('var')"> города отправки
div id="var" style="display: none;">
Москва
Саратов
Челябинск
a href="javascript: displ('var')"> Закрыть

перед а открой скобки, а то mail ява сьедает