web standard/script2010. 5. 12. 11:32

pack된 js unpacker해주는 사이트

http://jsbeautifier.org/

css unpacker
http://www.digitalcoding.com/tools/css-beautifier.html

'web standard > script' 카테고리의 다른 글

라디오버튼체크시 레이블스타일변경 스크립트  (0) 2010.11.17
ie6에서 png처리방법  (2) 2010.05.13
슬라이드쇼+인터벌전환+카테고리연동(ie전용)  (0) 2010.05.04
ie6에서 png파일 처리방법.  (0) 2010.05.03
레이어 하나만 또는 여러개 펼침제어(갯수제한없음)  (0) 2010.03.22
Posted by 수라
web standard/script2010. 5. 4. 15:59

슬라이드쇼+인터벌전환+카테고리연동(ie전용)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script type="text/javascript">
/* <![CDATA[ */
curMenu = -1;
timer = 0;
goInterval = 1500;
function goMenu(menuNum) {
    var menuBox = document.getElementById('menu').childNodes;
    var contBox = document.getElementById('cont').childNodes;
    for(i=0;i<menuBox.length;i++){
        var menuItem = menuBox[i].getElementsByTagName("a")[0];
        if(i == menuNum){
            menuItem.style.color = "red";
            contBox[i].style.display = "block";
        }else{
            menuItem.style.color = "#222";
            contBox[i].style.display = "none";
        }
    }
    curMenu = menuNum;

    if (timer == 0){
        t=setTimeout("goNext();",goInterval);
        timer = 1;
    } else if (timer == 1) {
        clearTimeout(t);
        t=setTimeout("goNext();",goInterval);
    }
}
function goPrev() {
    var menuBox = document.getElementById('menu').childNodes;
    menuLink = menuBox.length - 1;
    curMenu--;
    if(curMenu < 0) {
        curMenu = menuLink;
    }
    goMenu(curMenu);
}

function goNext() {
    var menuBox = document.getElementById('menu').childNodes;
    curMenu++;
    if(curMenu == menuBox.length) {
        curMenu = 0;
    }
    goMenu(curMenu);
}
/* ]]> */
</script>
<style type="text/css">
* {list-style:none;font-size:12px;color:#333333;font-family:gulim;}
a {text-decoration:none;}
ul {float:left;}
li {float:left;margin-right:10px;height:20px;}

ul#menu li a {color:#999999;}
div#cont {}
div#cont div {display:none;}
</style>
</head>

<body>
<ul id="menu">
    <li><a href="javascript:goMenu(0);">메뉴0</a></li>
    <li><a href="javascript:goMenu(1);">메뉴1</a></li>
    <li><a href="javascript:goMenu(2);">메뉴2</a></li>
    <li><a href="javascript:goMenu(3);">메뉴3</a></li>
    <li><a href="javascript:goMenu(4);">메뉴4</a></li>
</ul>
<ul id="nav">
    <li><a href="javascript:goPrev();">이전</a></li>
    <li><a href="javascript:goNext();">다음</a></li>
</ul>
<br style="clear:both;" />
<div id="cont">
    <div>내용0</div>
    <div>내용1</div>
    <div>내용2</div>
    <div>내용3</div>
    <div>내용4</div>
</div>
<script type="text/javascript">goNext();</script>
</body>
</html>

'web standard > script' 카테고리의 다른 글

ie6에서 png처리방법  (2) 2010.05.13
pack된 js unpacker해주는 사이트  (0) 2010.05.12
ie6에서 png파일 처리방법.  (0) 2010.05.03
레이어 하나만 또는 여러개 펼침제어(갯수제한없음)  (0) 2010.03.22
레이어 온오프 제어  (0) 2010.03.22
Posted by 수라
web standard/script2010. 5. 3. 16:42

ie6에서 png파일 처리방법.

[스크립트]
<script type="text/javascript">
function setPng24(obj) {
 obj.width=obj.height="1";
 obj.className=obj.className.replace(/\bpng24\b/i,"");
 obj.style.filter= "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
 obj.src="";
 return "";
}
</script>

[스타일]
<style type="text/css">
.png24 {tmp:expression(setPng24(this));}
</style>


'web standard > script' 카테고리의 다른 글

pack된 js unpacker해주는 사이트  (0) 2010.05.12
슬라이드쇼+인터벌전환+카테고리연동(ie전용)  (0) 2010.05.04
레이어 하나만 또는 여러개 펼침제어(갯수제한없음)  (0) 2010.03.22
레이어 온오프 제어  (0) 2010.03.22
딜레이를 둔 마우스오버 메뉴  (0) 2010.03.22
Posted by 수라
web standard/script2010. 3. 22. 14:02

레이어 하나만 또는 여러개 펼침제어(갯수제한없음)

/* =======================================================================
ㅁ펼침메뉴 클래스
==========================================================================*/

// 매뉴
function runMenuClick(callid,params)
{
 new display.ApmSoftNet.MENU(callid,params);
}

var display = {};
display.ApmSoftNet = {};


// method : function, params= 'id=menu1&cnt=2'
display.ApmSoftNet.MENU = function(method, params)
{
    this.call        = method;
    this.apmParams    = (params == null || params == '') ? null : params;
    this.send();
}


display.ApmSoftNet.MENU.prototype =
{
    send : function ()
    {
        var Vars = new Array();
       
        // params 배열로 정리
        var getVar1 = this.apmParams.split('&');
        for(var i=0; i<getVar1.length; i++)
        {       
            rltVar1 = getVar1[i];
            var getVar2 = rltVar1.split('=');
            // val str array
            nid = getVar2[0];
            nva = getVar2[1];
            Vars[nid] = nva;
        }
       
        switch(this.call)
        {
            case 'ShowNHide' :    this.menuShowNHide (Vars['id']);
            break;
            case 'OneDisplay' : this.menuOneDisplay (Vars['name'],Vars['id'],Vars['cnt']);
            break;
        }
    },
   
   
    /* [ 여러개의 목록을 펼치고 닫을 수 있는 방식 ]
       
      <table>
           <tr><td>    <a href="#" onClick="javascript:runMenuClick('ShowNHide','id=showmenu1');">메뉴 1</a>    </td></tr>
           <tr id="showmenu1" style="display:none;"><td>  메뉴1 내용  </td></tr>
      </table>

    */
    menuShowNHide : function (id)
    {
        runid = document.getElementById(id);
        if (runid.style.display=='none'){
            runid.style.display='block';
            document.getElementById('img_arrow').src='images/bar_title_up.gif';
            }
        else{
            runid.style.display='none';
            document.getElementById('img_arrow').src='images/bar_title_down.gif';
            }
    },
   
   
    /* [ 여러개 목록 중에서 하나만 펼쳐지도록 하는 방식 ]
     
      <table>
           <tr><td>    <a href="#" onClick="javascript:runMenuClick('OneDisplay','name=menu&id=menu1&cnt=2');">메뉴 1</a>    </td></tr>
           <tr id="menu1" style="display:none;"><td>  메뉴1 내용  </td></tr>
      </table>
      name : 아이디공통명, id : 고유아이디, cnt : 카운트
    */
    menuOneDisplay : function(name,id,cnt)
    {   
        var thisid = '';
        for(var i=1; i<=cnt; i++)
        {
            thisid = name+''+i;
            if( thisid == id ){ document.getElementById(thisid).style.display='block'; }
            else{ document.getElementById(thisid).style.display='none'; }
        }
    }
}

'web standard > script' 카테고리의 다른 글

pack된 js unpacker해주는 사이트  (0) 2010.05.12
슬라이드쇼+인터벌전환+카테고리연동(ie전용)  (0) 2010.05.04
ie6에서 png파일 처리방법.  (0) 2010.05.03
레이어 온오프 제어  (0) 2010.03.22
딜레이를 둔 마우스오버 메뉴  (0) 2010.03.22
Posted by 수라
web standard/script2010. 3. 22. 14:01

레이어 온오프 제어

function left_show(val)
{
    if(val==1){
        document.getElementById('left_setup').style.display = 'block';
        document.getElementById('back_lmenu01').style.display = 'block';
       
    } else if(val==2) {
        document.getElementById('left_setup').style.display = 'none';
        document.getElementById('back_lmenu01').style.display = 'none';
       
    }
}

'web standard > script' 카테고리의 다른 글

pack된 js unpacker해주는 사이트  (0) 2010.05.12
슬라이드쇼+인터벌전환+카테고리연동(ie전용)  (0) 2010.05.04
ie6에서 png파일 처리방법.  (0) 2010.05.03
레이어 하나만 또는 여러개 펼침제어(갯수제한없음)  (0) 2010.03.22
딜레이를 둔 마우스오버 메뉴  (0) 2010.03.22
Posted by 수라
web standard/script2010. 3. 22. 14:00

딜레이를 둔 마우스오버 메뉴

[HTML]
<img src="images/gnb_menu01.gif" onmouseover="show_layer('showmenu1')" onmouseout="sub_out()" class="gnb_img" alt="품질지수관리" />
                <div id="showmenu1" style="visibility:hidden;" onmouseout="sub_out()" onmouseover="sub_over()">
                    <iframe id="back_smenu01" frameborder="0"></iframe>
                    <div class="smenu01">
                        <ul class="gnb_depth01">
                            <li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">품질지수조회</a></li>
                            <li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">목표수준거래승인완료율</a></li>
                        </ul>
                    </div>
                </div>

[스크립트]
//메뉴 갯수
 var lay_length = 3;
 var inter_id = "";
 
 function hide_set(){
  //서브레이어 다 안보이게
  for(var i=1; i<=lay_length; i++){
   var txt = "showmenu"+i;
   document.getElementById(txt).style.visibility="hidden";
  }
 }
 
 function show_layer(id){
  //서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
  hide_set();
  document.getElementById(id).style.visibility="visible";
 }
 
 //서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
 function sub_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function sub_over(){
  clearInterval(inter_id);
 }
 function txt_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function txt_over(){
  clearInterval(inter_id);
 }
 function check(){
  hide_set();
  clearInterval(inter_id);
 }
//메뉴 갯수
 var lay_length = 3;
 var inter_id = "";
 
 function hide_set(){
  //서브레이어 다 안보이게
  for(var i=1; i<=lay_length; i++){
   var txt = "showmenu"+i;
   document.getElementById(txt).style.visibility="hidden";
  }
 }
 
 function show_layer(id){
  //서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
  hide_set();
  document.getElementById(id).style.visibility="visible";
 }
 
 //서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
 function sub_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function sub_over(){
  clearInterval(inter_id);
 }
 function txt_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function txt_over(){
  clearInterval(inter_id);
 }
 function check(){
  hide_set();
  clearInterval(inter_id);
 }

'web standard > script' 카테고리의 다른 글

pack된 js unpacker해주는 사이트  (0) 2010.05.12
슬라이드쇼+인터벌전환+카테고리연동(ie전용)  (0) 2010.05.04
ie6에서 png파일 처리방법.  (0) 2010.05.03
레이어 하나만 또는 여러개 펼침제어(갯수제한없음)  (0) 2010.03.22
레이어 온오프 제어  (0) 2010.03.22
Posted by 수라

티스토리툴바