Describe 자바스크립트 here
[[TableOfContents]]

==== 메뉴 ====
 * 스크롤시 고정
 * 더블클릭시 top or bottom으로 이동

{{{
<script type="text/javascript">
document.write("<style type='text/css'>")
if(window.location.href.indexOf( '?action=edit' ) != -1) {
    document.write("    .skydiv { position: fixed; top: 140px; left: 0px; border: 0px solid #790000; padding: 10px;}") 
}
else if(window.location.href.indexOf( '#preview' ) != -1) { 
    document.write("    .skydiv { position: fixed; top: 140px; left: 0px; border: 0px solid #790000; padding: 10px;;}")
} else if(window.location.href.indexOf( 'UserPreferences' ) != -1) { 
    document.write("    .skydiv { position: fixed; top: 140px; left: 0px; border: 0px solid #790000; padding: 10px;}")
} else {
    document.write("    .skydiv { position: fixed; top: 50px; left: 0px; border: 0px solid #790000; padding: 10px;}")
}
document.write("</style>")
</script>

<script>
function totopbottom() { 
 var de = document.documentElement;
 var b = document.body;
 var now = {};
 now.X = document.all ? (!de.scrollLeft ? b.scrollLeft : de.scrollLeft) : (window.pageXOffset ? window.pageXOffset : window.scrollX); 
 //now.Y = document.all ? (!de.scrollTop ? b.scrollTop : de.scrollTop) : (window.pageYOffset ? window.pageYOffset : window.scrollY);
 if (document.body.scrollTop == 0) { 
  window.scrollTo(now.X,document.body.scrollHeight); 
 } else {
  window.scrollTo(now.X,0); 
 }
}
function topbottom() { 
 document.body.ondblclick = totopbottom;
}

topbottom();
</script>

<div class='skydiv'>
<table border='0' cellpadding='0' cellspacing='0' width=180px>
	<tr><td height=20><a href=/moniwiki/wiki.php/DataAnalysis>Data Analysis</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/DatabaseSystem>Database System</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/DataWarehouse>Data Warehouse</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/MicrosoftSQLServer>SQL Server</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/Hadoop>Hadoop & Apache</a></td></tr>	
	<tr><td><hr></td></tr>

        <tr><td height=20><a href=/moniwiki/wiki.php/WorkingSmart>Working Smart</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/Link>Link</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/Publishing>Publishing</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/Python>Python</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/Philosophy>Philosophy</a></td></tr>
        <tr><td height=20><a href=/moniwiki/wiki.php/Blog>Blog</a></td></tr>
        <tr><td height=20><a href=/moniwiki/wiki.php/Menu>Miscellaneous</a></td></tr>
	<tr><td height=20><a href=/moniwiki/wiki.php/UserPreferences>UserPreferences</a></td></tr>
	
	<!--사이드바 변경-->
	<tr><td><font color=white>_</font></td></tr>
	<tr>
	 <td align='right'>
	  <font style='font-size:10px'>
	   <a href='/moniwiki/wiki.php/SideBar?action=edit'>Edit SideBar</a>
	  </font>
	 </td>
	</tr>
	</font>
</table>
<br><br>

<!-- google search -->
<form style="display:inline;" action="http://www.google.co.kr/cse" id="cse-search-box">
  <div>
	<input type="hidden" name="cx" value="partner-pub-7026267411367882:aqg2xo-uzuv" />
	<input type="hidden" name="ie" value="UTF-8" />
	<input type="text" name="q" size="15" />
	<input type="submit" name="sa" value="검색" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.co.kr/cse/brand?form=cse-search-box&lang=ko"></script>
</div>

<!-- 아래의 테이블은 좌측 메뉴를 고정시키기 위함-->
<table border='0' cellpadding='0' cellspacing='0' width=180px>
</table>

}}}

==== 툴팁 ====
{{{
<style type="text/css">
.box { 
font-size:9pt; 
font-family:돋움;
border:1 #FF9900 solid; 
background:#FFE7B5;
padding:5 5;
}
</style>

<script language="JavaScript">
document.write( '<div id=css class=box style="position:absolute; z-

index:20; width:250; filter:revealTrans(duration=1); 

visibility:hidden;"></div>');

var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;

function overTip(txtin) {
if (ie) {
css.style.pixelTop = event.clientY + document.body.scrollTop - 20;
//css.style.pixelTop = document.body.scrollBottom - event.clientY ;
css.style.pixelLeft = event.clientX + document.body.scrollLeft + 20;
css.style.visibility = "visible";
re = /\n/gi;
newtxtin=txtin.replace(re, "<br>");
document.all["css"].innerHTML =newtxtin;
css.filters.item(0).stop();
} 
}
function outTip() {
if (ie) {
css.style.visibility = "visible";
css.filters.item(0).transition = 12;
css.filters.item(0).apply();
css.style.visibility = "hidden";
css.filters.item(0).play();
}
}
</script>

<p><span onMouseOver=
"overTip('종족 : 테란, 프로토스, 저그<br>테란 : SCV 일꾼인데 체력이 세다

<br>질럿 : 지상최강의 전사<br>오버로드 : 저그족의 밥통<br>매딕 : 테란의 위

생병<br>캐리어 : 항공모함<br>저그의 코끼리 : 이름이 생각안남')" 
onMouseOut="outTip()" style="cursor:hand">스타크래프트</span>
</p>
}}}

==== 레이어 팝업 ====
{{{
<!--레이어 팝업(공지사항)-->
<script language="JavaScript">
<!--
function setCookie( name, value, expiredays ) {
        var todayDate = new Date();
                todayDate.setDate( todayDate.getDate() + expiredays );
                document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
} 
function closeWin() {
        if ( document.notice_form.chkbox.checked ){
                setCookie( "maindiv", "done" , 1 );
        }
        document.all['divpop'].style.visibility = "hidden";
}

function closeWin2() {
        if ( document.notice_form2.chkbox.checked ){
                setCookie( "maindiv2", "done" , 1 );
        }
        document.all['divpop2'].style.visibility = "hidden";
}
//--> 
</script>
<style type="text/css">
<!--
#divpop {
        position:absolute;left:200px;top:88px;width:500px;height:333px;z-index:99;
}
#divpop td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 14px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
/*확장*/
#divpop2 {
        position:absolute;left:500px;top:200px;width:430px;height:522px;z-index:99;
}
#divpop2 td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 14px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
-->
</style>

<!-- 레이어팝업_업무지원 -->
 <div id="divpop">
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td  bgcolor="#000"><font size=5 color=red>
        <ul> 
        <li>홈페이지가 맛탱이 갔었습니다.<br></li> 
        <li>블로그로 바꿀까 하다가 귀찮아서 못했습니다.<br></li> 
        <li>복구 못하고 있다가 이래저래 복구(2011-05-24)했습니다.<br></li> 
        </ul>     
      </font></td>
    </tr>
    <form name="notice_form">
      <tr>
        <td align="center" bgcolor="#000" height="25">
          <input type="checkbox" name="chkbox" value="checkbox">
          오늘 하루 이 창을 열지 않음 <a href="javascript:closeWin();" style="color:#fff;"><strong>[닫기]</strong></a></td>
      </tr>
    </form>
  </table>
</div>
<script language="JavaScript">
<!--
cookiedata = document.cookie;

if ( cookiedata.indexOf("maindiv=done") < 0 ){
        document.all['divpop'].style.visibility = "visible";
} 
else {
        document.all['divpop'].style.visibility = "hidden";
}
-->
</script>
<!--레이어 팝업(공지사항)-->

}}}


==== 레이어 팝업2 ====
{{{
<!--레이어 팝업-->
<script language="JavaScript">
function setCookie( name, value, expiredays ) {
        var todayDate = new Date();
                todayDate.setDate( todayDate.getDate() + expiredays );
                document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
} 
function closeWin() {
        if ( document.notice_form.chkbox.checked ){
                setCookie( "maindiv", "done" , 0);
        }
        document.all['divpop'].style.visibility = "hidden";
}

function closeWin2() {
        if ( document.notice_form2.chkbox.checked ){
                setCookie( "maindiv2", "done" , 1);
        }
        document.all['divpop2'].style.visibility = "hidden";
}
</script>

<!-- position: fixed -->
<!-- position: absolute -->

<style type="text/css">
#divpop {
        position:fixed;left:400px;top:400px;width:500px;height:333px;z-index:99;
}
#divpop td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 14px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
/*확장*/
#divpop2 {
        position:absolute;left:500px;top:200px;width:430px;height:522px;z-index:99;
}
#divpop2 td {
        font-family: Tahama, 돋움, Dotum, sans-serif;
        font-size: 14px;
        line-height: 150%;
        text-decoration: none;
  color:#fff;
}
</style>


<!-- 레이어팝업_업무지원 -->
<div id="divpop">
  <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td  bgcolor="#000">
<ins class="daum_ddn_area" style="display:none;width:100%;" 
 data-ad-unit    = "DAN-1hbd85n14u0rn" 
 data-ad-media   = "4Kw" 
 data-ad-pubuser = "3l0" 
 data-ad-type    = "A" 
 data-ad-width   = "320" 
 data-ad-height  = "50"></ins> 
<script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js"></script>   
      </td>
    </tr>
    <form name="notice_form">
      <tr>
        <td align="center" bgcolor="#000" height="0">
          <!--<input type="checkbox" name="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음 -->
          <div width=0 height=0 style="visibility:hidden;display:inline"><input type="checkbox" name="chkbox" value="checkbox"></div>
          <a href="javascript:closeWin();" style="color:#fff;"><font size=2>[닫기]</font></a></td>
      </tr>
    </form>
  </table>
</div>

<script language="JavaScript">
cookiedata = document.cookie;

if ( cookiedata.indexOf("maindiv=done") < 0 ){
        document.all['divpop'].style.visibility = "visible";
} 
else {
        document.all['divpop'].style.visibility = "hidden";
}
</script>
<!--레이어 팝업-->
}}}