67 lines
2.5 KiB
HTML
Executable file
67 lines
2.5 KiB
HTML
Executable file
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<link rel="stylesheet" href="messages.css">
|
||
<meta charset="utf-8">
|
||
<style>
|
||
.pane {
|
||
position: relative;
|
||
}
|
||
|
||
.remove-button {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
cursor: pointer;
|
||
display: block;
|
||
background: url(http://js.cx/clipart/delete.gif) no-repeat;
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
|
||
h3 {
|
||
padding-right: 20px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div id="messages-container">
|
||
<div class="pane">
|
||
<h3>Лошадь</h3>
|
||
<p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
<div class="pane">
|
||
<h3>Осёл</h3>
|
||
<p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
<div class="pane">
|
||
<h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
|
||
<p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
|
||
<span class="remove-button"></span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<script>
|
||
|
||
var spans = document.getElementById('messages-container').getElementsByTagName('span');
|
||
|
||
for(var i=0; i<spans.length; i++) {
|
||
var span = spans[i];
|
||
if (span.className != 'remove-button') continue;
|
||
|
||
span.onclick = function() {
|
||
var el = this.parentNode;
|
||
el.parentNode.removeChild(el);
|
||
};
|
||
}
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|