홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송
깔끔한 이미지 펼침박스
13년 전
<head>
<style type="text/css">
<!--
body
{scrollbar-face-color: #f7f7f7;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #cccccc}

body, td, select, input, div, form,textarea, center, option, pre, blockquote {font-size:9pt; font-family:굴림;}

A:link    {color:777777;text-decoration:none;}
A:visited {color:777777;text-decoration:none;}
A:active  {color:777777;text-decoration:none;}
A:hover  {color:99CC00;text-decoration:underline;}
-->
</style>
<script language="javascript">
var UserAgent = navigator.userAgent;
var AppVersion = (((navigator.appVersion.split('; '))[1].split(' '))[1]);

var SListMD = false;
var SListIDX = 0;

var TableCellAttr = " cellpadding=0 cellspacing=0 ";
var ContourStyle = "";
var ContourStyle2 = "border:1 solid #c7c7c7;";
var ScrollBarStyle = "";
var ItemStyle = "text-indent:3px;cursor:hand;height:16px;padding-top:2px;";
var ALTStyle = "'filter:alpha(opacity=80);border:1 solid #f2f2f2'";

var newWin=0;
document.onmousedown = dispList;
SList = new Array();

function setSelectList(pSrc, pBG)
{
    this.IDX = SList.length;
    this.src = pSrc;
    this.bgcolor = pBG;
    this.hideList = true;

    /* SelectList Object */
    this.Table;
    this.Title;
    this.List;
    this.Items;
    this.SelectedItemName;

    this.width;
    this.getWidth = getWidth;

    /* Create SelectList Object Function */
    this.itemObj = createObject;
    this.ListObj = createSListList;
    this.TitleObj = createSListTitle;
    this.TableObj = createSList;


    /* Select List Event Handler */
    this.TitleMouseDown = TitleMouseDownEventHandler;
    this.ListMouseOver = ListMouseOverEventHandler;
    this.ListMouseOut = ListMouseOutEventHandler;
    this.ListMouseDown = ListMouseDownEventHandler;

    this.append = appendSList;
    this.TableObj();

    SList[this.IDX] = this;

    return;
}

function appendSList()
{
    document.write("<div id=TempDiv></div>\n");
    document.all.TempDiv.appendChild(this.Table);
    document.all.TempDiv.removeNode();

    return;
}

/* Select Guide List function
        htmlSrc        : SelectList html source
        bg        : back ground color
*/
function SelectList(htmlSrc, bg, openstat)
{
    if ( UserAgent.indexOf("MSIE") < 0 || AppVersion < 5 ) {
        document.write(htmlSrc);
        return;
    } else {
newWin = openstat;
//        if ( !bg ) bg = "#FEFFCB";
        var SListObj = new setSelectList(htmlSrc, bg);
        SListObj.append();

        return SListObj;
    }
}

function createObject(pSrc)
{
    oObj = new Object();
    oObj.Div = document.createElement("DIV");
    oObj.Div.insertAdjacentHTML("afterBegin", pSrc);
    this.Items = oObj.Div.children(0);

    return this.Items;
}

function createSListList()
{
    var ListItem = "";
    var ListLength = this.Items.length;
    var ListHeight;
    var scrollbarStyle = "";

    for ( i = 0; i < ListLength; i++ ) {
        ListItem += "<DIV id=List idx="+i+" style="+ItemStyle
            +" onMouseDown='SList["+this.IDX+"].ListMouseDown(this);'"
            +" onMouseOver='SList["+this.IDX+"].ListMouseOver(this);'"
            +" onMouseOut='SList["+this.IDX+"].ListMouseOut(this);'>"
            +this.Items[i].innerText+"</DIV>";
    }

    if ( ListLength < 8 ) { scrollbarStyle = "hidden"; }
    else { scrollbarStyle = "scroll"; ListHeight = 128; }

    this.List = createObject(""
        +"<DIV id=bground style='"+ContourStyle2+ScrollBarStyle
        +"z-index:10;background:"+this.bgcolor+";position:absolute;visibility:hidden;color:757575;"
        +"width:"+(this.width+17)+";height:"+ListHeight+";overflow-Y:"+scrollbarStyle+";filter:alpha(opacity=85);'>"
        +ListItem+"</DIV>");

    return;
}

function createSListTitle()
{
    var MaxLength = 0;
    var width;
    var ListLength = this.Items.length;

    for ( i = 0; i < ListLength; i++ ) {
        if (this.Items.options[i].selected) {
            this.SelectedItemName = this.Items.options[i].innerText;
            SelectedItemValue = this.Items.options[i].value;
        }
    }

    this.getWidth();

    TitleItem = createObject(""
        +"<table border=0 "+TableCellAttr+" style='cursor:hand;'><tr bgcolor="+this.bgcolor+">\n"
                +"<td width="+(this.width)+" nowrap></td>"
                +"<td style='display:none;'></td>"
                +"<td width=15 align=center><img src='http://dajuji.cdn1.cafe24.com/img/js5-77-down_arrow.gif' width=15 height=15></td>"
        +"</tr></table>");
    SelectedItemObj = createObject(""
        +"<div style='position:absolute;top:0px;left:3px;color:757575;width:100%;'>"+this.SelectedItemName
        +"</div>");

    TitleItem.cells(0).appendChild(SelectedItemObj);
    TitleItem.cells(1).appendChild(this.Items);

    this.Title = createObject(""
        +"<DIV style='position:relative;top:0px;left:0px;color:757575;"+ContourStyle
        +"' onMouseDown='SList["+this.IDX+"].TitleMouseDown();'>"
        +TitleItem.outerHTML+"</DIV>");

    return;
}

function createSList()
{
    this.itemObj(this.src);
    this.TitleObj();
    this.ListObj();

    this.Table = createObject(""
        +"<table border=0 "+TableCellAttr+">\n"
        +"<tr><td></td></tr>"
        +"</table>");

    this.Table.cells(0).appendChild(this.Title);
    this.Table.cells(0).appendChild(this.List);

    return;
}

function dispList()
{
    var hideList = true;
    if ( event.srcElement.id == "bground") hideList = false;
    if ( !SListMD ) {
        for ( i = 0; i < SList.length; i++ ) {
            SList[i].hideList = true;
        }
    }

    if ( SList.length > 0 ) {
        for ( i = 0; i < SList.length; i++ ) {
            if ( SList[i].hideList && hideList )
                SList[i].List.style.visibility = "hidden";
        }

        SListMD = false;
        SList[SListIDX].Title.children(0).cells(0).childNodes(0).innerText = SList[SListIDX].SelectedItemName;
    }

    return;
}

function TitleMouseDownEventHandler()
{
    if ( this.List.style.visibility == "visible" ) {
        this.List.style.visibility = "hidden";
        this.hideList = true;
    } else {
        this.List.style.visibility = "visible";
        this.hideList = false;
    }

    for ( i = 0; i < SList.length; i++ )
        if ( i != this.IDX ) SList[i].hideList = true;

    SList[SListIDX].Title.children(0).cells(0).childNodes(0).innerText = SList[SListIDX].SelectedItemName;
    SListMD = true;
    SListIDX = this.IDX;

    return;
}

function ListMouseOverEventHandler(f)
{
    f.style.background = "#F5E7DE";
    f.style.color = "000000";
    return;
}

function ListMouseOutEventHandler(f)
{
    f.style.background = this.bgcolor;
    f.style.color = "757575";

    return;
}

function ListMouseDownEventHandler(f)
{
    var TChildren = this.Title.children(0).cells;
    var obj_length = this.Items.length;

    for ( i = 0; i < obj_length; i++ ) {
                        this.Items.options[i].selected = false;
                if ( i == f.idx ) {
            this.Items.options[i].selected = true;
            SI_Name = this.Items.options[i].innerText;
                        }
    }

    if (newWin == 1)
            if(this.Items.options[f.idx].value != ""){
                                location.href = this.Items.options[f.idx].value;
                        }

    if (newWin == 2)
                window.open(this.Items.options[f.idx].value, "_blank");

    this.SelectedItemName = SI_Name;
    TChildren(1).childNodes(0).outerHTML = this.Items.outerHTML;
    this.List.style.visibility = "hidden";
    return;
}

function getWidth()
{
    document.all.sl_Div.innerHTML = this.Items.outerHTML;
    this.width = document.all.sl_Div.scrollWidth - 20;

    return;
}

</script>
<div id="sl_Div" style="border-style:none;position:absolute;left:0px;top:0px;z-index:1;visibility:hidden;color:eeeeee;"></div>
</head>

<body>

<table cellpadding=0 cellspacing=0 width=165 border=0 align="center">
<tr>
<td style="padding-left:10px;"> <table cellpadding=0 cellspacing=1 bgcolor="d4d4d4">
<tr>
<td bgcolor="FFFFFF" style="padding:1px;"> <script>
SelectList('<select name="Hphone1" style=width:149px;>' +
' <option value="" selected> ----- 뮤직트로트 ---- </option>' +
' <option value="http://xtx.kr">자바스크립트 </option>' +
' <option value="http://xtx.kr">동영상편집강좌 </option>' +
' <option value="http://xtx.kr">계정DB관리 </option>' +
' <option value="http://xtx.kr">메인페이지</option>' +
' <option value="http://xtx.kr">자료실</option>' +
' <option value="http://xtx.kr">게시판</option>' +
'</select>', 'FFFFFF', '1');
</script> </td>
</tr>
</table>
추천추천 : 232 추천 목록
번호 제목
3,025
 윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
3,024
 PHP 파일 존재 여부 파악하기(로컬 파일 존재 및 원격지 파일 존재)
3,023
 [CSS] 박스 세로 가운데 중앙 정렬 6가지
3,022
 CSS Layout 수평 & 수직 정렬
3,021
 여러 도메인들 간 쿠키 공유하기
3,020
 태그 사이에 있는 텍스트를 추출
3,019
 [JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,018
 쿠키 생성,가져오기,삭제
3,017
 사용자 함수 모음
3,016
 마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,015
 [HTML5] <video> - DOM으로 제어하기
3,014
 HTML5 video 태그에서 영상 좌우반전
3,013
 PHP - 특정 태그 및 문자열 추출, 제거
3,012
 [PHP] define과 defined의 차이
3,011
 우클릭 완벽차단 스크립트
3,010
 iframe 높이 100% 맞추기
3,009
 curl 함수를 이용한 HTTP REFERER 변경
3,008
 윈도우10 시스템 파일 및 Dism 검사
3,007
 텍스트 줄바꿈, 글자자르기 CSS
3,006
 jQuery Mobile에서 유용한 코드 10가지.
3,005
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,004
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,003
 [jQuery] jQuery Quick API
3,002
 [ transition ] 링크 hover 색상 변화 속도 조절
3,001
 PHP 5.3.0 에서 사라진 함수들 대체
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.