Есть код, одна кнопка работает отлично, как надо.
Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно?
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" />
<title>Всплывающее окно</title>
<style type="text/css">
#wrap{
display: none;
opacity: 0.8;
position: fixed;
left: ;
right: ;
top: ;
bottom: ;
padding: 16px;
background-color: rgba(1, 1, 1, 0.725);
z-index: 100;
overflow: auto;
}
#window{
width: 400px;
height: 400px;
margin: 50px auto;
display: none;
background: #fff;
z-index: 200;
position: fixed;
left: ;
right: ;
top: ;
bottom: ;
padding: 16px;
}
.close{
margin-left: 364px;
margin-top: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<script type="text/javascript">
function show(state){
document.getElementById('window').style.display = state;
document.getElementById('wrap').style.display = state;
}
</script>
<!-- Задний прозрачный фон-->
<div onclick="show('none')" id="wrap"></div>
<!-- Само окно-->
<div id="window">
<!-- Картинка крестика-->
<img class="close" onclick="show('none')" src="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/close.png">
<!-- ТЕКСТ В ОКНЕ -->
<center>
KEK
</center>
</div>
<center><button class="myButton" onclick="show('block')">Показать окно</button></center>
<center><button class="myButton" onclick="show('block')">Показать окно 2</button></center>
</body>
</html>
