<![CDATA[
<br>
아래 샘플1은 드래그 기능은 있으나 resizable 기능은 되지 않습니다.
<br>
리사이즈 기능을 주려면 윈도우 형태로 창을 띄워야 합니다
<br>
윈도우 형태는 샘플 2번을 참조..
<br>
<br>
<br>
<br>
--샘플 1)
<br>
<br>
<HTML>
<br>
<HEAD>
<br>
<TITLE> PostIt Script Sample </TITLE>
<br>
<br>
<style>
<br>
<!--
<br>
#postit{ position:absolute; width:200; padding:3px;
<br>
background-color:#ffffcc; border:1px solid blue; visibility:hidden; z-index:100; cursor:hand; }
<br>
-->
<br>
</style>
<br>
<br>
</HEAD>
<br>
<br>
<BODY>
<br>
<br>
<br>
<div id="postit" style="left:200px;top:120px;">
<br>
<br>
<p align="right"><small><a href="javascript:closeit()">*- Close -*</a></small></p>
<br>
<hr color=red style="border:1px dotted blue;">
<br>
<center>
<br>
<b>포스트잇 박스</b>
<br>
<br>
<br>
<P> 내 용 1</p>
<br>
<P> 내 용 2</p>
<br>
<br>
</div>
<br>
<br>
<script>
<br>
<!--
<br>
// 창 오픈 횟수설정 (1 값이면 단 한번만 열기 , 0 값이면 매번 열기)
<br>
var once_per_browser=0
<br>
<br>
var ns4=document.layers
<br>
var ie4=document.all
<br>
var ns6=document.getElementById&&!document.all
<br>
<br>
if (ns4)
<br>
crossobj=document.layers.postit
<br>
else if (ie4||ns6)
<br>
crossobj=ns6? document.getElementById("postit") : document.all.postit
<br>
<br>
<br>
function closeit(){
<br>
if (ie4||ns6)
<br>
crossobj.style.visibility="hidden"
<br>
else if (ns4)
<br>
crossobj.visibility="hide"
<br>
}
<br>
<br>
function get_cookie4(Name) {
<br>
var search = Name + "="
<br>
var returnvalue = "";
<br>
if (document.cookie‎4.length > 0) {
<br>
offset = document.cookie‎4.indexOf(search)
<br>
if (offset != -1) {
<br>
offset += search.length
<br>
end = document.cookie‎4.indexOf(";", offset);
<br>
if (end == -1)
<br>
end = document.cookie‎4.length;
<br>
returnvalue=unescape(document.cookie‎4.substring(offset, end))
<br>
}
<br>
}
<br>
return returnvalue;
<br>
}
<br>
<br>
function showornot(){
<br>
if (get_cookie4('postdisplay')==''){
<br>
showit()
<br>
document.cookie‎4="postdisplay=yes"
<br>
}
<br>
}
<br>
<br>
function showit(){
<br>
if (ie4||ns6)
<br>
crossobj.style.visibility="visible"
<br>
else if (ns4)
<br>
crossobj.visibility="show"
<br>
}
<br>
<br>
if (once_per_browser)
<br>
showornot()
<br>
else
<br>
showit()
<br>
//----->
<br>
</script>
<br>
<br>
<br>
<script language="JavaScript1.2">
<br>
<!--
<br>
function drag_drop(e){
<br>
if (ie4&&dragapproved){
<br>
crossobj.style.left=tempx+event.clientX-offsetx
<br>
crossobj.style.top=tempy+event.clientY-offsety
<br>
return false
<br>
}
<br>
else if (ns6&&dragapproved){
<br>
crossobj.style.left=tempx+e.clientX-offsetx
<br>
crossobj.style.top=tempy+e.clientY-offsety
<br>
return false
<br>
}
<br>
}
<br>
<br>
function initializedrag(e){
<br>
if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){
<br>
offsetx=ie4? event.clientX : e.clientX
<br>
offsety=ie4? event.clientY : e.clientY
<br>
<br>
tempx=parseInt(crossobj.style.left)
<br>
tempy=parseInt(crossobj.style.top)
<br>
<br>
dragapproved=true
<br>
document.onmousemove=drag_drop
<br>
}
<br>
}
<br>
document.onmousedown=initializedrag
<br>
document.onmouseup=new Function("dragapproved=false")
<br>
//--->
<br>
</script>
<br>
<br>
<br>
<br>
</BODY>
<br>
</HTML>
<br>
<br>
<br>
<br>
--샘플 2)
<br>
<br>
<html>
<br>
<head>
<br>
<title>Make New Window</title>
<br>
<br>
<SCRIPT LANGUAGE="javascript">
<br>
<!---
<br>
function opennew(){
<br>
// 윈도우 속성설정(가로,세로크기 및 도구)
<br>
newwin = /*window.open*/("", "newwindow", "height=200, width=200,resizable=yes, scrollbars=no")
<br>
// 새 윈도우에 넣을 내용을 태그를 사용해 설정해 넣는다
<br>
newwin.document.write("<font color=blue size=3><b>안녕하세요..!</font></b><br><br>인터넷 휴게소 운영자입니다")
<br>
}
<br>
//--->
<br>
</SCRIPT>
<br>
<br>
</head>
<br>
<br>
<!- body 태그안에 아래 onload 이벤트 핸들러를 삽입해 준다->
<br>
<body onLoad="opennew();">
<br>
<br>
</body>
<br>
</html>
<br>
<br>
<br>
<br>
--------------------- [원본 메세지] ---------------------
<br>
포스트잇 소스좀 부탁 드립니다~
<br>
크기조절 가능하고 움직임이 가능하게..
<!-- -->
]]>
카페 게시글
?? 태그 Q & A
<font color=red>답변
Re:포스트잇 소스좀 부탁 드립니다~
운영자
추천 0
조회 31
02.03.26 20:35
댓글 0
다음검색
