기존에 사용하던 방법이 익스플로러에서만 동작을 해서 파이어폭스, 크롬, 익스프롤러 모두에게서 동작하는 방법으로 변경

<script>
       //체크박스의 체크된 갯수 확인 
function check()
{
var k=0;
var f = document.frm;

if (f.seq.length) // 체크박스가 2개 이상일때
{
for(var i=0; i<f.seq.length; i++) {
if(f.sserial[i].checked){
k++;
}
}
else // 체크박스가 1개일때
{
if (f.seq.checked==true)
{
k++;
}
}
alert(k);
}
       
        //체크박스의 존재 여부 확인 
function check2()
{
if (document.frm.seq == undefined)
{
alert("1");
}
else
{
alert("2");
}
}
</script>

<form name="frm">
<input type="checkbox" name="seq" id="seq" value="1">1

</form>

<a href="javascript:check2()">[체크]</a>
크리에이티브 커먼즈 라이선스
Creative Commons License


function onlyNumberInput()
{
 var code = window.event.keyCode;

 if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46)
 {
  window.event.returnValue = true;
  return;
 }
 window.event.returnValue = false;
}

 

이때, 텍스트 필드에 아래의 Style을 붙여주면 허용하는 아스키 코드값의 키만 입력가능하게 셋팅할 수 있다.

 

<input type = "text" name ="isbn" id="isbn" value="" maxlength="13"  onKeyDown = "javascript:onlyNumberInput()" style='IME-MODE: disabled' />



//코드 업그레이드

// IE외의 브라우저에서도 동작할 수 있도록 변경

function onlyNumberInput2( Ev )

{
    if (window.event) // IE코드
        var code = window.event.keyCode;
    else // 타브라우저
        var code = Ev.which;

    if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46)
    {
        window.event.returnValue = true;
        return;
    }

    if (window.event)
        window.event.returnValue = false;
    else
        Ev.preventDefault();   
}


<input type = "text" name ="isbn" id="isbn" value="" maxlength="13"  onKeyDown = "javascript:onlyNumberInput(event)" style='IME-MODE: disabled' />

크리에이티브 커먼즈 라이선스
Creative Commons License

 function getexcel(sex)
 {
  var k=0

  if (document.frmOpenMarket.gserial.length==undefined) // 한개일 경우..
  { 

   if (document.frmOpenMarket.gserial.checked==true) {
    k++;
   }
  }
  else // 여러개일경우
  {
   for(i=0;i<document.frmOpenMarket.gserial.length;i++)
   {
    if (document.frmOpenMarket.gserial[i].checked)
    {
     k++;
    }
   }
  }

  if (k==0)
  {
   alert("상품을 선택해주세요.");
  }
  else
  {
   if (confirm("선택하신 상품을 엑셀로 다운로드 하시겠습니까?"))
   {
    document.frmOpenMarket.action="make_excel.asp?sex=" + sex
    document.frmOpenMarket.submit();
   }
  }  
 }

크리에이티브 커먼즈 라이선스
Creative Commons License


<script>
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
</script>

 

위 스크립트 소스를 적용하시고

 

아래와같이 링크 소스를 적용하세요

 

<a href="링크경로" onMouseOver='bt("img1","B이미지경로")' onMouseOut='bt("img1","A이미지경로")'><img id="img1" src="A이미지경로" width="가로폭" height="세로폭" border="0" style="filter:blendTrans(duration=1.0)" onfocus="this.blur()"></a>

 

<a href="링크경로" onMouseOver='bt("img2","B이미지경로")' onMouseOut='bt("img2","A이미지경로")'><img id="img2" src="A이미지경로" width="가로폭" height="세로폭" border="0" style="filter:blendTrans(duration=1.0)" onfocus="this.blur()"></a>

 

각 메뉴의 링크 소스마다 id 를 img1 , img2 처럼 다르게 지정해 주시고

 

필터(스르륵) 효과의 강도는 필요하시면 duration=1.0 에서 수치를 0.5 등으로 조절하시면 됩니다


-출처 : 지식인-


적용해본 코드
    <form name="frmSub">
                  <tr>
                    <td width="10">&nbsp;</td>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><img name="subimg" id="subimg" src="img/conimg_17.gif" width="333" height="240"  style="filter:blendTrans(duration=0.4)"/></td>
                      </tr>
                      <tr>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="40" colspan="2">
                            <!-- 썸네일 시작 -->
                            <table width="100%" border="0" cellpadding="5" cellspacing="0">
                              <tr>
                                <td align="left"><img src="img/conimg_17.gif" name="sumimg1" width="70" height="70" id="sumimg1" onmouseover='bt("document.frmSub.subimg",this.src)' style="cursor:pointer;cursor:hand;" /></td>
                                <td align="center"><img src="img/conimg_17.gif" name="sumimg2" width="70" height="70" id="sumimg2" onmouseover='bt("document.frmSub.subimg",this.src)' style="cursor:pointer;cursor:hand;" /></td>
                                <td align="center"><img src="img/conimg_17.gif" name="sumimg3" width="70" height="70" id="sumimg3" onmouseover='bt("document.frmSub.subimg",this.src)' style="cursor:pointer;cursor:hand;" /></td>
                                <td align="right"><img src="img/conimg_17.gif" name="sumimg4" width="70" height="70" id="sumimg4" onmouseover='bt("document.frmSub.subimg",this.src)' style="cursor:pointer;cursor:hand;" /></td>
                              </tr>
                            </table>

크리에이티브 커먼즈 라이선스
Creative Commons License

function rowSpan(tableElt, columnNo){
    var rows = tableElt.getElementsByTagName("TR");
    var previous = -1;
    for (var i = 0; i < rows.length; i++) {
        if (i > 0){
            var compare = (previous < 0) ? (i - 1) : previous ;
            var preCol = rows[ compare ].getElementsByTagName("TD")[columnNo];
            var curCol = rows[i].getElementsByTagName("TD")[columnNo];
            if (preCol.innerHTML == curCol.innerHTML){
                preCol.rowSpan = preCol.rowSpan + 1;
                curCol.style.display = 'none';
                previous = compare;
            }else{
                previous = -1;
            }
        }
    }
}

사용법
 <body onload="rowSpan(nTbl,1)">
크리에이티브 커먼즈 라이선스
Creative Commons License

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*
Input값 형식
   url  :   연결할 페이지("/OnlineSvc/Prviate/main.aps?action=view")
   Width  :   브라우저의 너비     숫자만 입력하세요(500=>○, '500'=>X,"500"=>X)
   Height  :   브라우저의 높이     숫자만 입력하세요(500=>○, '500'=>X,"500"=>X)
   Center  :   브라우저의 가운데 여부   true or false
   Toolbar  :   브라우저의 툴바 표시여부  yes or no
   Resizable :   브라우저의 사이즈 조정 가능여부 yes or no
   Scrollbars :   브라우저의 스크롤바 표시여부 yes or no
   Left  :   브라우저의 왼쪽 위치   숫자만 입력하세요(10=>○, '10'=>X,"10"=>X)
   Top   :   브라우저의 윗쪽 위치   숫자만 입력하세요(10=>○, '10'=>X,"10"=>X)
*/


//openWin:PopUp창을 띄우는 함수로 툴바,사이즈변화,스크롤바 없는 창입니다.)
function openWin(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=no,resizable=no,scrollbars=no,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
   }
   else {
      window.open(url, "", "toolbar=no,resizable=no,scrollbars=no,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_All:PopUp창을 띄우는 함수로 툴바,사이즈변화,스크롤바 포함하는 창입니다.)
function openWin_All(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=yes,resizable=yes,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
 }
   else {
  window.open(url, "", "toolbar=yes,resizable=yes,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_Toolbar:PopUp창을 띄우는 함수로 툴바만 창입니다.)
function openWin_Toolbar(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=yes,resizable=no,scrollbars=no,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
   }
   else {
      window.open(url, "", "toolbar=yes,resizable=no,scrollbars=no,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_Resizable:PopUp창을 띄우는 함수로 사이즈를 변경가능한 창입니다.)
function openWin_Resizable(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=no,resizable=yes,scrollbars=no,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
   }
   else {
      window.open(url, "", "toolbar=no,resizable=yes,scrollbars=no,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_Scrollbars:PopUp창을 띄우는 함수로 스크롤바가 있는 창입니다.)
function openWin_Scrollbars(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=no,resizable=no,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
   }
   else {
      window.open(url, "", "toolbar=no,resizable=no,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_Scrollbars:PopUp창을 띄우는 함수로 스크롤바가 있는 창입니다.)
function openWin_R_S(url,Width,Height,Center) {
   if (Center==true){
      window.open(url, "", "toolbar=no,resizable=yes,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=" + (window.screen.width/2-Width) + ",top=" + (window.screen.height/2-Height));
 }
   else {
      window.open(url, "", "toolbar=no,resizable=yes,scrollbars=yes,width=" + Width + ",height=" + Height + ",left=0,top=0");
   }
}


//openWin_Scrollbars:PopUp창을 띄우는 함수로 툴바,사이즈변화,스크롤바등을 모든 값을 정의하는 창입니다.)
function openWin_definition(url,Center,Toolbar,Resizable,Scrollbars,Width,Height,Left,Top) {
    window.open(url, "", "toolbar=" + Toolbar+ ",resizable=" + Resizable + ",scrollbars=" + Scrollbars + ",width=" + Width + ",height=" + Height + ",left=" + Left + ",top=" + Top);
}
//-->

크리에이티브 커먼즈 라이선스
Creative Commons License

input박스가 한개인 폼에서는 엔터를 치면 스크립트가 실행안되고 그냥 엑션으로 submit된다

이를 막기위해 폼엑션에 스크립트를 넣는다

<form action="javascript:search();" method="post" ...

토들러몰의 검색input박스의 예다

이러면 엔터를 처도 검색버튼을 눌러도 내용을 넣으라는 스크립드가(search()) 실행된다

 
크리에이티브 커먼즈 라이선스
Creative Commons License

text 박스의 readonly 값 역시 true/false로 자바스크립트에서 제어가 가능합니다.

단, readonly를 전부소문자로 사용하면 적용되지 않는다는 것 주의하세요!!

<script>
document.FormX.name.readOnly = false;
</script>


크리에이티브 커먼즈 라이선스
Creative Commons License

<script>
/************************** 080118 레이어 이동 소스 추가 _ 손지곤 ****************************************/
var TnTL_clickTime;
function DragResize_DN(it_Resize,evt,div_id){

    if(div_id){
        mv_act_objt=document.getElementById(div_id);
        if(mv_act_objt.style.position!='absolute'){
            mv_act_objt.style.left=TnT_get_objLeft(mv_act_objt);
            mv_act_objt.style.top=TnT_get_objTop(mv_act_objt);
            mv_act_objt.style.position='absolute';
        }
        mv_act_objt.style.zIndex=++iwinzidx;
    }
    else{mv_act_objt=iwindowLAYER;}

    DragResize_start=1;
    Drg_x=(this_browser=='n')? evt.pageX : event.clientX;
    Drg_y=(this_browser=='n')? evt.pageY : event.clientY;

    if(it_Resize<1){// Drag
        temp1=parseInt(mv_act_objt.style.left);
        temp2=parseInt(mv_act_objt.style.top);
        if(this_browser=='n')  document.onmousemove=TnTmoveAct_n;
        else document.onmousemove=TnTmoveAct;
    }
    else{// Resize
        iwindoWidth=parseInt(TntiwindowTable.width); // 가로
        iwindoHeight=parseInt(TntiwindowTable.height); // 세로
        if(this_browser=='n')  document.onmousemove=TnTresizeAct_n;
        else document.onmousemove=TnTresizeAct;
    }
    TnTL_clickTime=1;
}


function TnTmoveAct(){ // drag
    if(DragResize_start==1){
        mv_act_objt.style.left=temp1+event.clientX-Drg_x;
        mv_act_objt.style.top=temp2+event.clientY-Drg_y;
        return false;
    }
}

// resize move
function TnTresizeAct(){
    if(DragResize_start==1){
        var re_x=iwindoWidth+event.clientX-Drg_x;
        var re_y=iwindoHeight+event.clientY-Drg_y;
        if(re_x<50 || re_y<50) return false;
        iwindow_RESIZE(re_x,re_y);
        return false;
    }
}

// 부라우저 바탕화면 클릭시 레이어 자동으로 닫히게함(지워 버려도 됨) ----------------------
 document.onclick=iwindow_CLOSE_AUTO;
function iwindow_CLOSE_AUTO(){
 DragResize_start=0;
 if(TnTL_clickTime==1) return; // iwindow 를 드래그 ro 크기변경 동작후에는 자동닫기 적용안함(무조건 자동닫기 적용하려면 이 라인을 삭제)
 if(this_browser=='e'){
  if (event.srcElement.className=="TnT_Layer_dragin") return; // iwindow: Drag, Resize
  if (event.srcElement.className=="TnT_Top_button") return; // iwindow : TopButton
  if (event.srcElement.className=="TnT_Editor_button") return; // editor : Button
 }
 if((TnTL_clickTime+500)<(new Date()).getTime()){iwindow_CLOSE();}
}


function TnTmoveAct_n(evt){ // drag
    if (DragResize_start==1){
        mv_act_objt.style.left=temp1+evt.pageX-Drg_x;
        mv_act_objt.style.top=temp2+evt.pageY-Drg_y;
        return false;
    }
}

// resize move
function TnTresizeAct_n(evt){
    if (DragResize_start==1){
        var re_x=iwindoWidth+evt.pageX-Drg_x;
        var re_y=iwindoHeight+evt.pageY-Drg_y;
        if(re_x<50 || re_y<50) return false;
        iwindow_RESIZE(re_x,re_y);
        return false;
    }
}

// thisobj 의 Top
function TnT_get_objTop(thisobj){
    if (thisobj.offsetParent==document.body) return thisobj.offsetTop;
    else return thisobj.offsetTop + TnT_get_objTop(thisobj.offsetParent);
}

// thisobj 의 Left
function TnT_get_objLeft(thisobj){
    if (thisobj.offsetParent==document.body) return thisobj.offsetLeft;
    else return thisobj.offsetLeft + TnT_get_objLeft(thisobj.offsetParent);
}


// onload 기본모드
mouseDN_X=0;
mouseDN_Y=0;
if(navigator.userAgent.indexOf('MSIE') == -1){
 this_browser='n';
 document.onmousedown=function(n_evt){
  mouseDN_X=n_evt.pageX;
  mouseDN_Y=n_evt.pageY;
 }
 it_img_tag='input type=image '; // iwindow title
}
else{
 this_browser='e';
 it_img_tag='img ';
}
iwinzidx=10;
tntactiwin='';
/************************** //080118 레이어 이동 소스 추가 _ 손지곤 ****************************************/
</script>
                   
                   
                   <span style="position:relative;">
                   <div id="strm_hdd_layer" style="width:420px; position:absolute; top:19px; left:22px; display:'';">
                   
                    <table width="100%" cellpadding="0" cellspacing="0">
                     <tr height="29">
                      <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_left_081.gif" align="absmiddle"></td>
                      <td width="100%" style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_bg_081.gif) repeat-x; padding:5px 0 0 2px; color:#ffffff;" onmousedown="DragResize_DN(0,event,'strm_hdd_layer')">
                       <b>하드(HDD) 용량이란?</b>
                      </td>
                      <td style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_bg_081.gif) repeat-x;">
                       <img src="http://img.cafe24.com/images/hosting/popup/common/x_081_off.gif" align="absmiddle" style="cursor:hand;" onmouseover="this.src='http://img.cafe24.com/images/hosting/popup/common/x_081_on.gif';" onmouseout="this.src='http://img.cafe24.com/images/hosting/popup/common/x_081_off.gif'" onclick="strm_hdd_layer.style.display='none';">
                      </td>
                      <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_right_081.gif" align="absmiddle"></td>
                     </tr>
                    </table>

                    <table width="100%" cellpadding="0" cellspacing="0" style="border:1px #aaaaaa solid; border-top:none;" bgcolor="#f6f6f6" >
                     <tr>
                      <td style="padding:8px;">
                      <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                       <tr>
                        <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_left_top_081.gif" align="absmiddle"></td>
                        <td width="100%" style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_line_081.gif) top repeat-x;"></td>
                        <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_right_top_081.gif" align="absmiddle"></td>
                       </tr>
                       <tr>
                        <td style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_line_081.gif) left repeat-y;"></td>
                        <td width="100%" style="color:#555555; line-height:1.4em;">
                        <!-- 실 내용 -->
                             하드 용량이란 FTP를 이용해 스트리밍CDN 서비스에 업로드가 가능한 자료의 용량입니다.<br><br>
                             용량이 모두 사용된 경우에는 추가옵션 및 사양 변경으로 증설이 가능하며, 신청은 [나의서비스관리]에서 하실 수 있습니다.
                        <!-- //실 내용 -->
                        </td>
                        <td style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_line_081.gif) right repeat-y;"></td>
                       </tr>
                       <tr>
                        <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_left_btm_081.gif" align="absmiddle"></td>
                        <td width="100%" style="background:url(http://img.cafe24.com/images/hosting/popup/common/box_line_081.gif) bottom repeat-x;"></td>
                        <td><img src="http://img.cafe24.com/images/hosting/popup/common/box_right_btm_081.gif" align="absmiddle"></td>
                       </tr>
                      </table>
                      </td>
                     </tr>
                    </table>
                   

                   </div>
                   </span>


http://www.cafe24.com/streaming/cdn_streaming_spec.php
이곳에서 사용된 소스코드임

크리에이티브 커먼즈 라이선스
Creative Commons License

function showplatformrow()
{
    if (SearchForm.ItemType.selectedIndex == 1)
    { document.getElementById('ProductRow').style.display = 'block'; }
    else
    {
    SearchForm.Platform.selectedIndex = 0;
    document.getElementById('ProductRow').style.display = 'none';
    }
}


일반적으로 위의 코드처럼 style.display='block' 하고 style.display='none'를 많이들 사용한다.

그러나 <tr> 부분을 지정해두고 block , none을 반복해보면 파이어폭스에서는 이상한 일이 발생하는것을 살펴볼 수가 있다.

여기에서 문제는 block 부분이다. style.display='block'을 style.display='' 이렇게 변경하면 IE와 파이어폭스에서 모두 정상적으로 동작하는것을 볼수있다.

크리에이티브 커먼즈 라이선스
Creative Commons License

알 수 없는 런타임 오류가 발생할 수 있는 가능성은 무지하게 많지만, IE에서는 발생하고 FireFox에서는 발생하지 않는다면 읽기전용 속성 태그에 ID를 부여하고 innerHTML을 사용했을 가능성이 있다.

** IE에서 COL COLGROUP FRAMESET HTML STYLE TABLE TBODY TFOOT THEAD TITLE TR 개체에서는 읽기전용이고 그 외의 개체에서는 모두 읽기/쓰기이다. 디폴트값은 없다.
크리에이티브 커먼즈 라이선스
Creative Commons License

IE에서는 style="cursor:hand;" 라고 하면 정상적으로 동작을 하게 된다. 하지만 이는 IE에서 만든 변종코드로, 파이어폭스(firefox)등의 다른 브라우저에서는 정상적인 동작을 하지 않는다.

타 브라우저에서는 cursor:point 라는 표준을 지키고 있다.

따라서 IE와 파이어폭스등의 타브라우저까지 동시에 정상적으로 동작하게 하기 위해서는

style="cursor:pointer;cursor:hand;" 이라고 변경해 주어야 하며, 주의할 점은 cursor:pointer가 먼저 나와야 한다는것!
크리에이티브 커먼즈 라이선스
Creative Commons License

<!--StartFragment--><select style>
        <option>select color
        <option style="background-color:000000;color:white" value="#000000">black
        <option style="background-color:2f4f4f;color:white" value="#2f4f4f">darkslategray
        <option style="background-color:696969;color:white" value="#696969">dimgray
        <option style="background-color:808080;color:white" value="#808080">gray
        <option style="background-color:708090;color:white" value="#708090">slategray
        <option style="background-color:778899;color:white" value="#778899">lightslategray
        <option style="background-color:a9a9a9;color:white" value="#a9a9a9">darkgray
        <option style="background-color:c0c0c0" value="#c0c0c0">silver
        <option style="background-color:d3d3d3" value="#d3d3d3">lightgrey
        <option style="background-color:dcdcdc" value="#dcdcdc">gainsboro
        <option style="background-color:ffffff" value="#ffffff">white
        <option style="background-color:fff5ee" value="#fff5ee">seashell
        <option style="background-color:fffafa" value="#fffafa">snow
        <option style="background-color:f8f8ff" value="#f8f8ff">ghostwhite
        <option style="background-color:fffaf0" value="#fffaf0">floralwhite
        <option style="background-color:f5f5f5" value="#f5f5f5">whitesmoke
        <option style="background-color:f0f8ff" value="#f0f8ff">aliceblue
        <option style="background-color:f0ffff" value="#f0ffff">azure
        <option style="background-color:fdf5e6" value="#fdf5e6">oldlace
        <option style="background-color:f5fffa" value="#f5fffa">mintcream
        <option style="background-color:ffefd5" value="#ffefd5">papayawhip
        <option style="background-color:ffdab9" value="#ffdab9">peachpuff
        <option style="background-color:faf0e6" value="#faf0e6">linen
        <option style="background-color:eee8aa" value="#eee8aa">palegoldenrod
        <option style="background-color:ffe4e1" value="#ffe4e1">mistyrose
        <option style="background-color:ffe4b5" value="#ffe4b5">moccasin
        <option style="background-color:ffdead" value="#ffdead">navajowhite
        <option style="background-color:d2b48c" value="#d2b48c">tan
        <option style="background-color:f5deb3" value="#f5deb3">wheat
        <option style="background-color:fafad2" value="#fafad2">lightgoldenrodyellow
        <option style="background-color:ffffe0" value="#ffffe0">lightyellow
        <option style="background-color:fff8dc" value="#fff8dc">cornsilk
        <option style="background-color:faebd7" value="#faebd7">antiquewhite
        <option style="background-color:f5f5dc" value="#f5f5dc">beige
        <option style="background-color:fffacd" value="#fffacd">lemonchiffon
        <option style="background-color:fffff0" value="#fffff0">ivory
        <option style="background-color:f0e68c" value="#f0e68c">khaki
        <option style="background-color:e6e6fa" value="#e6e6fa">lavender
        <option style="background-color:fff0f5" value="#fff0f5">lavenderblush
        <option style="background-color:ffe4c4" value="#ffe4c4">bisque
        <option style="background-color:ffebcd" value="#ffebcd">blanchedalmond
        <option style="background-color:deb887" value="#deb887">burlywood
        <option style="background-color:cd853f" value="#cd853f">peru
        <option style="background-color:00ced1" value="#00ced1">darkturquoise
        <option style="background-color:00bfff" value="#00bfff">deepskyblue
        <option style="background-color:7fffd4" value="#7fffd4">aquamarine
        <option style="background-color:1e90ff" value="#1e90ff">dodgerblue
        <option style="background-color:00ffff" value="#00ffff">cyan
        <option style="background-color:f0fff0" value="#f0fff0">honeydew
        <option style="background-color:87cefa" value="#87cefa">lightskyblue
        <option style="background-color:afeeee" value="#afeeee">paleturquoise
        <option style="background-color:e0ffff" value="#e0ffff">lightcyan
        <option style="background-color:add8e6" value="#add8e6">lightblue
        <option style="background-color:b0c4de" value="#b0c4de">lightsteelblue
        <option style="background-color:40e0d0" value="#40e0d0">turquoise
        <option style="background-color:48d1cc" value="#48d1cc">mediumturquoise
        <option style="background-color:00ffff" value="#00ffff">aqua
        <option style="background-color:7b68ee;color:white" value="#7b68ee">mediumslateblue
        <option style="background-color:191970;color:white" value="#191970">midnightblue
        <option style="background-color:6495ed;color:white" value="#6495ed">cornflowerblue
        <option style="background-color:0000cd;color:white" value="#0000cd">mediumblue
        <option style="background-color:6a5acd;color:white" value="#6a5acd">slateblue
        <option style="background-color:4682b4;color:white" value="#4682b4">steelblue
        <option style="background-color:0000ff;color:white" value="#0000ff">blue
        <option style="background-color:483d8b;color:white" value="#483d8b">darkslateblue
        <option style="background-color:5f9ea0;color:white" value="#5f9ea0">cadetblue
        <option style="background-color:87ceeb;color:white" value="#87ceeb">skyblue
        <option style="background-color:4169e1;color:white" value="#4169e1">royalblue
        <option style="background-color:b0e0e6;color:white" value="#b0e0e6">powderblue
        <option style="background-color:000080;color:white" value="#000080">navy
        <option style="background-color:00008b;color:white" value="#00008b">darkblue
        <option style="background-color:8a2be2;color:white" value="#8a2be2">blueviolet
        <option style="background-color:8b008b;color:white" value="#8b008b">darkmagenta
        <option style="background-color:9932cc;color:white" value="#9932cc">darkorchid
        <option style="background-color:9400d3;color:white" value="#9400d3">darkviolet
        <option style="background-color:ff00ff" value="#ff00ff">magenta
        <option style="background-color:ff00ff" value="#ff00ff">fuchsia
        <option style="background-color:c71585" value="#c71585">mediumvioletred
        <option style="background-color:ba55d3" value="#ba55d3">mediumorchid
        <option style="background-color:9370db" value="#9370db">mediumpurple
        <option style="background-color:dc143c" value="#dc143c">crimson
        <option style="background-color:ff1493" value="#ff1493">deeppink
        <option style="background-color:ffb6c1" value="#ffb6c1">lightpink
        <option style="background-color:ff69b4" value="#ff69b4">hotpink
        <option style="background-color:ffc0cb" value="#ffc0cb">pink
        <option style="background-color:dda0dd" value="#dda0dd">plum
        <option style="background-color:800080;color:white" value="#800080">purple
        <option style="background-color:ee82ee" value="#ee82ee">violet
        <option style="background-color:d8bfd8" value="#d8bfd8">thistle
        <option style="background-color:da70d6" value="#da70d6">orchid
        <option style="background-color:4b0082;color:white" value="#4b0082">indigo
        <option style="background-color:a52a2a;color:white" value="#a52a2a">brown
        <option style="background-color:e9967a;color:white" value="#e9967a">darksalmon
        <option style="background-color:f08080" value="#f08080">lightcoral
        <option style="background-color:cd5c5c" value="#cd5c5c">indianred
        <option style="background-color:ffa07a" value="#ffa07a">lightsalmon
        <option style="background-color:db7093" value="#db7093">palevioletred
        <option style="background-color:f4a460" value="#f4a460">sandybrown
        <option style="background-color:fa8072" value="#fa8072">salmon
        <option style="background-color:ff6347" value="#ff6347">tomato
        <option style="background-color:ff4500" value="#ff4500">ornagered
        <option style="background-color:ff0000" value="#ff0000">red
        <option style="background-color:800000;color:white" value="#800000">maroon
        <option style="background-color:8b0000;color:white" value="#8b0000">darkred
        <option style="background-color:b22222;color:white" value="#b22222">firebrick
        <option style="background-color:d2691e;color:white" value="#d2691e">chocolate
        <option style="background-color:8b4513;color:white" value="#8b4513">saddlebrown
        <option style="background-color:a0522d;color:white" value="#a0522d">sienna
        <option style="background-color:bc8f8f" value="#bc8f8f">rosybrown
        <option style="background-color:ff7f50" value="#ff7f50">coral
        <option style="background-color:ff8c00" value="#ff8c00">darkorange
        <option style="background-color:ffa500" value="#ffa500">orange
        <option style="background-color:b8860b" value="#b8860b">darkgoldenrod
        <option style="background-color:ffd700" value="#ffd700">gold
        <option style="background-color:ffff00" value="#ffff00">yellow
        <option style="background-color:7fff00" value="#7fff00">chartreuse
        <option style="background-color:7cfc00" value="#7cfc00">lawngreen
        <option style="background-color:00ff00" value="#00ff00">lime
        <option style="background-color:32cd32" value="#32cd32">limegreen
        <option style="background-color:00ff7f" value="#00ff7f">springgreen
        <option style="background-color:3cb371" value="#3cb371">mediumseagreen
        <option style="background-color:adff2f" value="#adff2f">greenyellow
        <option style="background-color:8fbc8f" value="#8fbc8f">darkseagreen
        <option style="background-color:90ee90" value="#90ee90">lightgreen
        <option style="background-color:98fb98" value="#98fb98">palegreen
        <option style="background-color:9acd32" value="#9acd32">yellowgreen
        <option style="background-color:2e8b57;color:white" value="#2e8b57">seagreen
        <option style="background-color:00fa9a" value="#00fa9a">mediumspringgreen
        <option style="background-color:20b2aa" value="#20b2aa">lightseagreen
        <option style="background-color:66cdaa" value="#66cdaa">mediumaquamarine
        <option style="background-color:228b22;color:white" value="#228b22">forestgreen
        <option style="background-color:008b8b;color:white" value="#008b8b">darkcyan
        <option style="background-color:008080;color:white" value="#008080">teal
        <option style="background-color:006400;color:white" value="#006400">darkgreen
        <option style="background-color:556b2f;color:white" value="#556b2f">darkolivegreen
        <option style="background-color:008000;color:white" value="#008000">green
        <option style="background-color:808000;color:white" value="#808000">olive
        <option style="background-color:6b8e23;color:white" value="#6b8e23">olivedrab
        <option style="background-color:bdb76b" value="#bdb76b">darkkhaki
        <option style="background-color:daa520" value="#daa520">goldenrod
    </select>
크리에이티브 커먼즈 라이선스
Creative Commons License

onkeydown="event.returnValue=false;" 를 추가해주면 됩니다.

[CODE type=html]<input name="file" type="file" size="60" id="file" onkeydown="event.returnValue=false;">[/CODE]

이렇게 해주면 직접 타이핑 치는것을 방지할 수 있습니다.



크리에이티브 커먼즈 라이선스
Creative Commons License

아래 예제와 같이 style='IME-MODE: disabled' 을 사용하면 됩니다.

<input name=test onKeyUp="inputNumCheck()" style='IME-MODE: disabled'>
크리에이티브 커먼즈 라이선스
Creative Commons License

1 byte 언어권과 2 byte 언어권과의 차이로 인해서

style="word-wrap:break-word;word-break:break-all"

두가지를 한꺼번에 사용해준다.

크리에이티브 커먼즈 라이선스
Creative Commons License


<script language='javascript'>
function h_check(Objectname)
{
var intErr
var strValue = Objectname
// var strValue = Objectname.value
var retCode = 0

for (i = 0; i < strValue.length; i++)
{
var retCode = strValue.charCodeAt(i)
var retChar = strValue.substr(i,1).toUpperCase()
retCode = parseInt(retCode)

if ((retChar < "0" || retChar > "9") && (retChar < "A" || retChar > "Z") && ((retCode > 255) || (retCode < 0)))
{
intErr = -1;
break;
}
}
return (intErr);
}
</script>

<script>
var h;
h = h_check(searchform.txtSearchParam.value)
if( h == -1) // 한글
{
alert("ID에 한글이나 특수 문자가 있습니다. \n\n회원 ID는 반드시 영문,숫자의 조합으로 4-12자리내에서 입력하십시오. ");
searchform.txtSearchParam.focus();
return;
}
</script>


크리에이티브 커먼즈 라이선스
Creative Commons License