input 태그 안에 이미지 넣기

프로그래밍/HTML&Script 2008. 10. 16. 15:48

<script>
function inputImg(obj)
{
   obj.style.backgroundImage="";
   obj.onkeydown=obj.onmousedown=null;
}
</script>

<input type=text name=keyword value="input_image" onkeydown="inputImg(this)" onmousedown="inputImg(this)" style="background-image:url(http://anipia.nayana.com/kenshins/04s.jpg);background-repeat:no-repeat;background-position:center;">

'프로그래밍 > HTML&Script' 카테고리의 다른 글

이미지 위에 마우스 올렸을때 저장버튼 안나오게 하는 소스  (0) 2008.11.27
[Script] 체크박스 전체 선택 (체크박스이름 배열형태)  (0) 2008.01.27
[script] 중복된 값이 있는지를 체크하는 스크립트  (0) 2008.01.26
라디오 버튼의 선택된 값 가져오기  (0) 2008.01.25
익스플로러7 (IE7) 창닫기  (0) 2008.01.24
Posted by 쭌쓰파파
,

[Script] 체크박스 전체 선택 (체크박스이름 배열형태)

프로그래밍/HTML&Script 2008. 1. 27. 11:56
체크박스 전체 선택과 해제의 경우 여러가지 방법이 있지만
 
체크박스 이름이 'name[]' 과 같은 형식으로 명명할 경우 'PHP의 데이터 처리 페이지'에서 value 값을 가져다
 
쓰기가 편리하다.
 
아래 코드는 체크박스 이름이 'name[]' 같은 형식으로 명명되었을때 체크박스 전체 선택과 해제 방법이다.
 
<input type="checkbox" name="name[]" value="1">
<input type="checkbox" name="name[]" value="2">
<input type="checkbox" name="name[]" value="3">
<input type="checkbox" name="name[]" value="4">
<input type="checkbox" name="name[]" value="5">
 
function check_all(f)
{
    if(f.allcheck.checked == true) { sw = true; }
    else { sw = false; }
   
    var getObj = document.getElementsByTagName("input");
 
    for(var i=0; i < getObj.length; i++)
    {
        if(getObj[i].type.toLowerCase() == "checkbox" && getObj[i].name.substr(0,4) == "name")
        {
            getObj[i].checked = sw;
        }
    }
}
 
태그 이름이 input 인 element 중 type이 checkbox 인것과 name이 name으로 시작하는 것들
(getObj[i].name.substr(0,4) == "name" 으로 조건문을 추가하지 않으면 해당 페이지의 모든 체크박스가 적용됨)
모두를 sw값에 따라 전체 체크(또는 해제)하게 된다.

'프로그래밍 > HTML&Script' 카테고리의 다른 글

이미지 위에 마우스 올렸을때 저장버튼 안나오게 하는 소스  (0) 2008.11.27
input 태그 안에 이미지 넣기  (0) 2008.10.16
[script] 중복된 값이 있는지를 체크하는 스크립트  (0) 2008.01.26
라디오 버튼의 선택된 값 가져오기  (0) 2008.01.25
익스플로러7 (IE7) 창닫기  (0) 2008.01.24
Posted by 쭌쓰파파
,

[script] 중복된 값이 있는지를 체크하는 스크립트

프로그래밍/HTML&Script 2008. 1. 26. 11:21
폼 안에 중복된 값이 있는 지를 체크하는 스크립트 입니다.

* eleForm : 넘겨받을 폼의 순서 (배열형으로 넘겨받기 때문에 첫번째 form을 넘겨받고 싶으면 0 을 넘긴다.)

function valueCheck(eleForm){
   var strForm = document.forms[eleForm];
   var i = 0;
   var tmpA;
   var tmpB;

   for(i = 1; i < strForm.elements.length; i++){
      for(j = 0; j < i ; j++){
      // 값비교
         tmpA = strForm.elements[i].value;
         tmpB = strForm.elements[j].value;

         if(tmpA == tmpB){
            alert("동일한 값이 있습니다");
            return false;
            break
         }
      }
   }
   alert("동일한 값이 없습니다");
   return true;
}

'프로그래밍 > HTML&Script' 카테고리의 다른 글

이미지 위에 마우스 올렸을때 저장버튼 안나오게 하는 소스  (0) 2008.11.27
input 태그 안에 이미지 넣기  (0) 2008.10.16
[Script] 체크박스 전체 선택 (체크박스이름 배열형태)  (0) 2008.01.27
라디오 버튼의 선택된 값 가져오기  (0) 2008.01.25
익스플로러7 (IE7) 창닫기  (0) 2008.01.24
Posted by 쭌쓰파파
,

라디오 버튼의 선택된 값 가져오기

프로그래밍/HTML&Script 2008. 1. 25. 17:40



아랫글은 제가 코딩한 html 입니다.

<html>
<head>
<script language="javascript">
<!--
//체크된 라디오 버튼의 value 값을 가져오는 스크립트
function getRadioValue(obj) {
 var len = obj.length;
 if(!len && obj.checked) {
  return obj.value;
 }

 for( var i =0, m=obj.length; i < m; i++) {
  if( obj[i].checked) {
   return obj[i].value;
  }
 }
}

function alertRadio() {
   alert(getRadioValue(document.aaa.ANS));
}
//-->
</script>
</head>

<body>
<form name="aaa">
          <input type='radio' name='ANS' value='1'>
          <input type='radio' name='ANS' value='2'>
          <input type='radio' name='ANS' value='3'>
</form>
</body>
</html>

'프로그래밍 > HTML&Script' 카테고리의 다른 글

이미지 위에 마우스 올렸을때 저장버튼 안나오게 하는 소스  (0) 2008.11.27
input 태그 안에 이미지 넣기  (0) 2008.10.16
[Script] 체크박스 전체 선택 (체크박스이름 배열형태)  (0) 2008.01.27
[script] 중복된 값이 있는지를 체크하는 스크립트  (0) 2008.01.26
익스플로러7 (IE7) 창닫기  (0) 2008.01.24
Posted by 쭌쓰파파
,

티스토리툴바