disabled와 readonly의 차이점

Posted 2009.03.24 19:12 by maxmini MAXMINI

* readonly : 보기만 가능하게 지정 (입력, 수정 불가능)

* disable : 해당 필드를 사용 불가능하게 지정 (회색으로 변함)

 

중요 : form으로 데이터를 넘길 때 disabled로 되어 있으면 데이터의 값이 넘겨지지 않는다.

Write your message and submit

이미지에 링크

Posted 2009.02.02 14:22 by maxmini MAXMINI

<img src="" onclick="goNext()" style="cursor:hand;" alt=""/>

Tag : hand, JavaScript, 링크, 손모양, 이미지

Write your message and submit

iframe 자동 높이 조절<지식인에서 펌>

Posted 2008.11.25 14:01 by maxmini MAXMINI

<iframe src="b.htm" id="frmContent" style="width:100%;height:10px;" border=0 frameborder=0></iframe>

b.htm 부분에.. 다음 코딩을 넣어시면 원하시는 결과를 얻을 수 있을 겁니다.

-----------------------------------------

<html>
<head>
<script language="javascript">
function iFrame_Resize()
{
 try
 {
  var objFrm=parent.document.getElementById("frmContent");
  var frameHeight=document.body.scrollHeight;

  if(frameHeight!=0)
  {
   objFrm.style.height=frameHeight;
  }
  
 }catch(e){}
}
window.attachEvent("onload",iFrame_Resize);
</script>
</head>
<body scroll=no>

내용 부분..

</body></html>

-------------------------------

 

 

또 다른 방식으로는.. 바깥 프레임에서 다음처럼 코딩하시면 됩니다.

-------------------------------

<html>
<head>
<script language="javascript">
function iFrame_Resize()
{
 document.getElementById("frmContent").style.height=frmContent.document.body.scrollHeight;
}
</script>
</head>
<body>
<iframe src="b.htm" id="frmContent" onload="iFrame_Resize()" style="width:100%;height:10px;"></iframe>
</body>
</html>

Tag : iframe, JavaScript, resize

Write your message and submit

이미지 업로드시 미리 보기

Posted 2008.11.05 10:00 by maxmini MAXMINI

<script language=javascript>
function addPhoto(url){
    document.preview.src=url;
    document.preview.style.display='block';
}
</script>
<form method=post enctype='multipart/form-data'>
    <input type=file name=userfile onChange="addPhoto(this.value)">
    <br>
    <img name=preview src='' width=300 style='display:none'>
</form>

Tag : 미리보기, 이미지 업로드

Write your message and submit

숫자체크

Posted 2008.11.04 17:53 by maxmini MAXMINI
 function numberChk(val){
  for(var i=0; i<val.length; i++){
   if(val.charAt(i) == " "){
    return false;
   }
   if(isNaN(val.charAt(i))){
    return false;
   }
   return true;
  }
 }



if(!numberChk(chnm)){
alert("숫자가아닙니다.");
return;
}

Tag : JavaScript, 숫자체크

Write your message and submit

숫자만 입력받기

Posted 2008.11.03 20:38 by maxmini MAXMINI

 // 숫자만 입력받기 (.(x))
 // ex) onKeyDown="fn_comm_checkNumericKey()"
 function fn_comm_checkNumericKey1()
 {
  key = event.keyCode;
  if ((key >= 48 && key <= 57) // 키보드 상단 숫자키
   || (key >= 96 && key <= 105) // 키패드 숫자키
   || key == 8  // 백스페이스 키
   || key == 37 // 왼쪽 화살표 키
   || key == 39 // 오른쪽 화살표 키
   || key == 46 // DEL 키
   || key == 13 // 엔터 키
   || key == 9  // Tab 키
   )
  {
   event.returnValue = true ;
  }
  else
  {
   // alert(key);
   event.returnValue = false ;
  }
 }


 // 숫자만 입력받기 (.)
 // ex) onKeyDown="fn_comm_checkNumericKey()"
 function fn_comm_checkNumericKey2()
 {
  key = event.keyCode;
  if ((key >= 48 && key <= 57) // 키보드 상단 숫자키
   || (key >= 96 && key <= 105) // 키패드 숫자키
   || key == 8  // 백스페이스 키
   || key == 37 // 왼쪽 화살표 키
   || key == 39 // 오른쪽 화살표 키
   || key == 46 // DEL 키
   || key == 13 // 엔터 키
   || key == 9  // Tab 키
   || key == 190// '.' 키
   || key == 110// '.' 키
   )
  {
   event.returnValue = true ;
  }
  else
  {
   //alert(key);
   event.returnValue = false ;
  }
 }


Tag : JavaScript, 숫자만 입력받기

Write your message and submit

파일 체크

Posted 2008.11.03 20:37 by maxmini MAXMINI


 // zipFile 체크
 function fileCheck(objValue) {
  var frm = document.templetform;
  var filetype = objValue.substring(objValue.lastIndexOf('.'), objValue.length).toLowerCase();
  if (filetype != ".zip" &&  filetype != ".tar"){
   alert("압축파일만 업로드 가능합니다.");
   return false;
  }return true;
 }
 

 

Tag : JavaScript, 파일체크

Write your message and submit

checkbox 전체 선택

Posted 2008.11.03 20:09 by maxmini MAXMINI

<script type="text/JavaScript">
<!--
 var chk = document.votsubj.chk;
 var YN = document.votsubj.YN;

 if (document.all.checkboxAll.checked == true) {
  if(chk.length>1){
   for (var i=0; i<chk.length;i++) {
    if (chk[i].type == "checkbox" && chk[i].checked == false && chk[i].value.length > 0) {
     chk[i].checked = true;
     if(YN[i].value!="T"){
      YN[i].value = "Y";
     }
    }
   }
  }else{
   if(chk.checked == false){
    chk.checked = true;
    if(YN.value!="T"){
     YN.value = "Y";
    }
   }
  }
 }else {
  if(chk.length>1){
   for (var i=0; i<chk.length;i++) {
    if (chk[i].type == "checkbox" && chk[i].checked == true) {
     chk[i].checked = false;
     if(YN[i].value!="T"){
      YN[i].value = "N";
     }
    }
   }
  }else{
   if(chk.checked == true){
    chk.checked = false;
    if(YN.value!="T"){
     YN.value = "N";
    }
   }
  }
 }
}

//-->
</script>

<input type="checkbox" name="checkboxAll" onclick="javascript:checkAll();">


<input type="checkbox" name="chk"/>
<input type="hidden" name="YN" value="<%if("완료".equals(hm.get("PUSH_YN"))){%>T<%}%>">

Tag : CheckBox, JavaScript

Write your message and submit

input text 에서 디폴트로 한글로 세팅

Posted 2008.09.26 11:36 by maxmini MAXMINI

style="ime-mode:active;"

아주 간단하다 ㅡㅡ;

Tag : input, script, 한글

Write your message and submit

random,setInterval

Posted 2008.06.10 15:42 by maxmini MAXMINI

<script type="text/javascript">
var myTest = new Array('AAA','BBB','CCC','DDD','EEE');
document.write(randomItem(myTest),'<br/>');
document.write(randomItem(myTest),'<br/>');
document.write(randomItem(myTest),'<br/>');

function randomItem(){
    return myTest[Math.floor(Math.random()*myTest.length)];
//    document.all.a.innerText = myTest[Math.floor(Math.random()*myTest.length)];
}
window.setInterval("randomItem() ",1000);
</script>

Tag : Interval, random, sctipt

Write your message and submit