input text에서 onchange 같은 이벤튼

게시글

select 변경시 리스너 처리방법 onchange 이벤트를 사용하는 방법

셀렉트박스에서 내용이 변경될때 처리하는 이벤트가 있다 onchange 이벤트를 사용해서 원하는 부분을 처리하는 이벤트이다 이방법은 해당 태그에 onchange를 입력해서 처리해야된다 그러나 스크립트 만으로 변경하고자 할때가 있다 리스너를 활용해야 하는데 해당 사용방법은 다음과 같다 $("select[name='셀렉트박스이름']").change(function(){ //변경시처리하는 내용 });

게시글

리스너 형탱로 클릭이벤트 호출하는 방법

라이오 버튼를 클릭했을때 실행해주는 방법이다 해당 이름으로 접근한후에 click()리스너를 통해서 이벤트를 처리하는 형식이다 선택1 선택2

게시글

체크시 텍스트 문구 변경하는 방법

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데 그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다 여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다 //맵선택했을경우 바로 색상변경 function mapcheckbox(_this){ if($(_this).is(":checked")==true){ $(_this).parent().attr("class","checkbox_text_on"); }else{ $(_this).parent().attr("class","checkbox_text_off"); } } .checkbox_text_on{color:#000000;} .checkbox_text_off{color:#dddddd;} 테스트

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

게시글

자바스크립트 object 관려 내용을 json 형식으로 확인하는 방법

res 가 object 인경우 alert(JSON.stringify(res)) document.write(JSON.stringify(res)) php 의 var_dump() 함수와 비슷하다고 생각하면된다

게시글

radio,checkbox 텍스트 명을 클릭해도 선택되게 처리 하는 방법

라디오버튼과 체크박스 버튼에서 조그마한 라디오,체크버튼을 클릭하기가 불편해 텍스트를 클릭했을대 체크될수 있게 처리하는 방법으로 아래와 같이 적용한다 radio,checkbox에서 id와 lable 내에 for 속성을 동일하게 맞춰주면된다 라디오버튼1 라디오버튼2 체크박스

게시글

text 내에 안내문구 넣는 placeholder 태그

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }

게시글

부모창에서 자식창(iframe)에 변수,함수 접근하는 방법

자식창에 선언해 놓은 함수나 변수를 접근할수 있다 $('#iframe').get(0).contentWindow.변수명; $('#iframe')[0].contentWindow.변수명; $('#iframe').get(0).contentWindow.함수명; $('#iframe')[0].contentWindow.함수명; 자식창에 id,함수를 접근하는 방법이다 $('#iframe')[0].contentWindow.$('#_parent').height();//높이 100을 가져올수 있다 $('#iframe')[0].contentWindow.js_parent();//함수를 실행할수 있다​