묻고답하기
가짜(?)크롬리스 많이 띄우게 고치는 방법좀...
2002.12.24 23:35
<html>
<head>
<title> Chromless Window Alternative by Nima Bidhendi </title>
<style>
#popup {
position: absolute;
width: 500px;
height: 350px;
display: none;
border: 1px solid #000000;
background-color: #fafafa;
font: 10px verdana;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#444444, Positive=true);
}
.toolbar {
font: 10px verdana;
border-bottom: 1px solid black;
background-color: #bbbbbb;
padding: 2px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("popup").style.left);
ptop=parseInt(document.getElementById("popup").style.top);
dragxcoor=cx;
dragycoor=cy;
}
function stopDrag() {
clicked = false;
}
function dragBox(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("popup").style.left=newx;
document.getElementById("popup").style.top=newy;
return false;
}
}
document.onmousemove = dragBox;
</script>
</head>
<body bgcolor="448844">
<a style="color: #ffffff;" href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'block'">Click here to open the popup</a>
<div id="popup" style="left: 50px; top: 50px;">
<div class="toolbar" style="display: table; cursor: move" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><td width="11px"><img src="icon.gif" style="border: 0px; width: 11px; height: 11px;"></td><td style="padding-left: 5px; font: 10px tahoma;">
This is the pop up - final v2 by Nima Bidhendi
</td><td style="width: 11px"><span style="display: table-cell; width: 11px;"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'none'"><img src="close.gif" style="border: 0px; width: 11px; height: 11px;"></a></td></tr></table>
</div><div style="padding: 5px;">
<!-- start code for popup here-->
여기에 html 을 쓰세요. 뭐.. iframe 으로 본격적으로 시작해도 되겠죠?^^;;
<!-- end code for popup here-->
</div>
</div>
</body>
</html>
소스는 이거구요
우째된건지 2개 이상 띄울려고 하는데
스크립트 오류 나면서 안띄워 지네요...;;;;
대충 설명해서 알려 줬으면....
<head>
<title> Chromless Window Alternative by Nima Bidhendi </title>
<style>
#popup {
position: absolute;
width: 500px;
height: 350px;
display: none;
border: 1px solid #000000;
background-color: #fafafa;
font: 10px verdana;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#444444, Positive=true);
}
.toolbar {
font: 10px verdana;
border-bottom: 1px solid black;
background-color: #bbbbbb;
padding: 2px;
}
</style>
<script>
clicked = false;
function startDrag(cx,cy) {
clicked = true;
pleft=parseInt(document.getElementById("popup").style.left);
ptop=parseInt(document.getElementById("popup").style.top);
dragxcoor=cx;
dragycoor=cy;
}
function stopDrag() {
clicked = false;
}
function dragBox(evt) {
e = evt || event;
if (clicked == true) {
newx = pleft+e.clientX-dragxcoor;
newy = ptop+e.clientY-dragycoor;
document.getElementById("popup").style.left=newx;
document.getElementById("popup").style.top=newy;
return false;
}
}
document.onmousemove = dragBox;
</script>
</head>
<body bgcolor="448844">
<a style="color: #ffffff;" href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'block'">Click here to open the popup</a>
<div id="popup" style="left: 50px; top: 50px;">
<div class="toolbar" style="display: table; cursor: move" onmousedown="startDrag(event.clientX,event.clientY)" onmouseup="stopDrag()">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><td width="11px"><img src="icon.gif" style="border: 0px; width: 11px; height: 11px;"></td><td style="padding-left: 5px; font: 10px tahoma;">
This is the pop up - final v2 by Nima Bidhendi
</td><td style="width: 11px"><span style="display: table-cell; width: 11px;"><a href="javascript:void(0)" onclick="document.getElementById('popup').style.display = 'none'"><img src="close.gif" style="border: 0px; width: 11px; height: 11px;"></a></td></tr></table>
</div><div style="padding: 5px;">
<!-- start code for popup here-->
여기에 html 을 쓰세요. 뭐.. iframe 으로 본격적으로 시작해도 되겠죠?^^;;
<!-- end code for popup here-->
</div>
</div>
</body>
</html>
소스는 이거구요
우째된건지 2개 이상 띄울려고 하는데
스크립트 오류 나면서 안띄워 지네요...;;;;
대충 설명해서 알려 줬으면....