로그인시 자동비번치기

윈도우 설정 2016. 10. 3. 02:38
netplwiz

 

저작자표시 비영리 동일조건

'윈도우 설정' 카테고리의 다른 글

regedit 수정 레지스트 bat 배치파일  (0) 2017.04.28
이미지 합치기, 파일 합치기, 웹쉘 만들기됨  (0) 2017.04.10
시스템 오류 관리자 권한 영구 해결  (0) 2015.10.14
FTP 포트 바꾸고 방화벽 열었는데 안될때  (0) 2015.08.20
윈도우 8부터 생긴 하이브리드 종료  (0) 2015.08.02
Posted by wakira
,

mac 숨긴파일 표시, 감추기

OS X 설정 2016. 9. 10. 03:09

터미널에서 다음과 같이 입력.


[Mac] Finder에서 숨김 파일 보기

defaults write com.apple.finder AppleShowAllFiles YES && killall Finder


[Mac] Finder에서 숨김 파일 안 보이게 하기

defaults write com.apple.finder AppleShowAllFiles NO && killall Finder

저작자표시 비영리 동일조건

'OS X 설정' 카테고리의 다른 글

mac 화면분할 https://www.spectacleapp.com/  (0) 2017.01.28
automator open terminal  (0) 2017.01.02
맥 공인인증서 위치  (0) 2016.08.01
맥 스크린샷  (0) 2016.07.26
재시동 잠자기 종료 끄기 단축키  (0) 2016.07.26
Posted by wakira
,

자바스크립트로 각 form의 element(요소)에 접근 방법

웹/javascript 2016. 8. 17. 09:17

펌 http://mungchung.com/xe/lecture/4197


form의 element에 스크립트로 접근하는 방식들을 정리해보았다. 
각 브라우저별로 테스트 했으니 참고 하면 된다. 


IE : 익스플로러 7 
SF : 사파리 3 
FF : FireFox 3 
Chrome : 크롬

1. form의 element에 name으로 접근
<input type="text" value="우후훗!" name="txt1">
접근 방법실행브라우저
document.form1.txt1.valueIE, SF, FF, Chrome
document.getElementsByName('txt1')[0].valueIE, SF, FF, Chrome
document.getElementsByTagName('input').item('txt1',0).valueIE, SF, FF, Chrome
document.getElementById('txt1').valueIE
document.form1.namedItem('txt1').valueIE
document.form1.elements['txt1'].valueIE, SF, FF, Chrome
2. form의 element에 ID로 접근
<input type="text" value="우후훗!" id="txt2">
접근 방법실행브라우저
document.form1.txt2.valueIE, SF, FF, Chrome
document.getElementsByName('txt2')[0].valueIE
document.getElementsByTagName('input').item('txt2',0).valueIE, SF, FF, Chrome
document.getElementById('txt2').valueIE, SF, FF, Chrome
document.form1.namedItem('txt2').valueIE
document.form1.elements['txt2'].valueIE, SF, FF, Chrome
3. form에 중복된 이름의 element가 있을 경우 접근 방법
<input type="text" value="우후훗 1" name="txt3"><input type="text" value="우후훗 2" name="txt3">
접근 방법실행브라우저
document.getElementsByName('txt3')[0].valuefor (var i=0; i&lt;document.getElementsByName('txt3').length; i++) { alert(document.getElementsByName('txt3')[i].value); }IE, SF, FF, Chrome
document.getElementsByTagName('input').item('txt3',0).valuefor (var i=0; i&lt;document.getElementsByTagName('input').item('txt3').length; i++) { alert(document.getElementsByTagName('input').item('txt3',i).value); }IE, SF, FF, Chrome

form의 element가 중복 될 수도 있고 아닐수도 있으면 위의 2가지 방법중 하나를 이용해서 스크립트 작성하는게 편하다.

위의 2가지 접근방법말고 다른 스크립트 코드들은 element가 하나면 일반 element 되고 2개 이상이면 배열이 되어버린다.

이러한 element 중복여부의 대표적인 예가 행추가/행삭제이다. 행이 하나면 element가 하나여서 일반 element가 되는데 행이 두개 이상이면 element가 배열이 되어 버린다. 이 경우 스크립트를 이용해서 접근하려고 하면 해당 element가 하나일 때와 2개 이상 일때 구분해서 처리해 줘야한다.if (typeof(document.form1.txt3.length) == "undefined") { alert(document.form1.txt3.value); } else { for (var i=0; i&lt;document.form1.txt3.length; i++) { alert(document.form1.txt3[i].value); } }딱 봐도 엄청 귀찮은 작업이다. -_- 본인도 예전에는 저와같은 방식으로 이용했다 -_- 

위의 방식으로의 또 다른 문제점은 form의 select 요소에 접근 할 때이다. 위의 코드에서는 배열여부를 document.form1.txt3.length 의 typeof 값이 undefined 인지 여부를 통해서 판단했는데 select의 경우에는 위의 구문대로 하면 option의 갯수를 가져와 버린다. 그래서 select 는 또 다른 방식으로 배열 여부를 구분해야한다. 

그래서 얻은 결론은 행추가/행삭제 같은 element가 중복 될 수도 있고 안될 수도 있다면 위의 2 가지 방법으로 element에 접근하는 것이 편하다는 것이다


4. form의 element의 사용자 정의 속성 접근
<input type="text" myTag="우후훗!" name="txt4">
접근 방법실행브라우저
document.form1.txt4.myTagIE
document.getElementsByName('txt4')[0].myTagIE
document.getElementsByTagName('input').item('txt4',0).myTagIE
document.getElementById('txt4').myTagIE
document.form1.namedItem('txt4').myTagIE
document.form1.elements['txt4'].myTagIE
document.form1.txt4.getAttribute('myTag')모두 안됨
document.getElementsByName('txt4')[0].getAttribute('myTag')IE, SF, FF, Chrome
document.getElementsByTagName('input').item('txt4',0).getAttribute('myTag')IE
document.getElementById('txt4').getAttribute('myTag')IE
document.form1.namedItem('txt4').getAttribute('myTag')IE
document.form1.elements['txt4'].getAttribute('myTag')IE, SF, FF, Chrome

form_access.zip





저작자표시 비영리 동일조건
Posted by wakira
,

티스토리툴바