Помогите добавить вторую кнопку.

densavi · March 25, 2016

Есть код, одна кнопка работает отлично, как надо.

Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно?

<!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>

Sign In

Помогите добавить вторую кнопку.

Question

densavi

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information