|
Сообщение от Pashok(one)
|
|
Да но я кажется не так выразился, мне нужно чтобы всплыло
|
<!DOCTYPE>
<html>
<head>
<style>
body {
margin:0;
width:100%;
height:100%;
}
#Wrapp,#Wrapp2 {
top:0;
left:0;
position:fixed;
background-color:#000;
opacity: 0.74;
width:100%;
height:100%;
z-index:10000;
}
#tt,#tt2 {
position:relative;
background-color:#fff;
width:200px;
padding:12px;
height:100px;
margin:20% auto auto auto;
border:red solid 1px;
}
div.close {
cursor:pointer;
position:absolute;
font-weight:700;
text-shadow:#000 1px 1px 0;
color:red;
right:7px;
top:2px;
}
</style>
<script type="text/javascript">
function openbox(id,tt) {
var div = document.getElementById(id);
var tt_div = document.getElementById(tt);
if(div.style.display == 'block') {
div.style.display = 'none';
}
else {
div.style.display = 'block';
}
}
</script>
</head>
<body>
<div id="Wrapp" style="display:none">
<div id='tt'><div class="close" onclick="openbox('Wrapp')">x</div>
тест 1111111111dd
</div></div>
<a href="#" onclick="openbox('Wrapp');return false;" >Открыть(2)</a>
<pre>
</pre>
<div id="Wrapp2" style="display:none">
<div id='tt2'><div class="close" onclick="openbox('Wrapp2')">x</div>
тест 22222222dd
</div></div>
<a href="#" onclick="openbox('Wrapp2');return false;" >Открыть(2)</a>
</body>
</html>