본문 바로가기

Tech develop/Javascript

(19)
[javascript]form에서 submit전에 input 검사하기 Name:
[JAVASCRIPT]onLoad 중복 현상 해결 방법 유지보수나 신규개발을 할때 당면할 수 있는 문제중에 다른 페이지에 onload 함수가 중복이 될 수 있다. 중복이 되면 나중에 호출되는 onload 함수만 호출이 된다. 이런 문제들을 아래와 같은 방법으로 해결 할 수 있다. 첫번째로 호출되는 onload 함수window.onload = function() { firstFunction(); } 두번째로 호출되는 onload 함수var prevOnload = window.onload; window.onload = function() {prevOnload();secondFunction();}
IE 8 이하에서 indexOf 사용하기 IE 8 이하에서는 indexOf 메소드가 안먹힌다. 따라서 직접 구현해주어야 하는데 코드는 다음과 같다. if(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; i
IE8 이하에서 HTML5, CSS3 사용하기 (html5shiv, IE9.js, css3pie) html5를 사용하고 싶은데 구버전 IE 때문에 고민인가요?아래 javascript 라이브러리를 사용하면 고민이 해결됩니다.IE8 이하 에서 HTML5, CSS3 사용하는 방법입니다. 홈페이지: http://code.google.com/p/html5shiv/ - HTML5 요소를 지원하지 않는 브라우저(IE8 이하)에서 해당 요소를 지원할 수 있게 해주는 라이브러리. - 구버전 IE가 부분에 넣음 홈페이지: http://css3pie.com/ - CSS3 요소를 지원하지 않는 브라우저에서 CSS3 요소를 사용할 수 있게 해주는 라이브러리 - 구버전 IE에서도 둥근 외곽선, 그림자, 그라데이션 등의 CSS3 효과를 사용할 수 있도록 해줌.- 자세한 사용법은 홈페이지 참고. 홈페이지: http://fetch..
[javascript]부모창의 url 주소 가져오기 결론부터 말하면... document.referrer;이걸 사용하면 된다. window.opener.document.URLwindow.opener.document.location.href 구글링 결과 이런 소스가 있었지만 내부도메인만 적용되는 것같았다. 크로스도메인일 경우.. 위에 것을 쓰는게..맞을듯?? w3schools에 따르면 모든 브라우저에 적용된다 참고: http://www.w3schools.com/jsref/prop_doc_referrer.asp
모바일 웹 사이트 만들기 팁 결정판!! 요즘 모바일웹이 대세다. 어느 하나 모바일웹이 따로 없는 사이트는 찾아 보기 힘들며, 심지어는 모바일전용으로 런칭 되는 사이트들도 많다. 이제 나도 모바일웹을 시작해야지 라고 생각고 html...을 시작으로 코드를 마치고 모바일에서 확인하면 어라, 이게 아닌데...라는 질문을 스스로 하게 될것이다. 아래와 같은 코드로 HTML을 작성해서 모바일로 확인해보자.?1어라이게아닌데모바일 사파리 일반 페이지 렌더링 결과위와같이 나오게 되기 쉽상이다, 이는 뷰포트에 대한 이해가 필요하다.1.뷰 포트(view-port)모바일의 브라우져는 보여지는 픽셀이 유동적이다. PC에서는 PC의 해상도에 맞춰서 내용이 늘어나면 스크롤바가 생기지만 모바일 브라우져는 그렇지 않다, 이유는 간단하다. 모바일을 꺼내들고 다음이나네이버 ..
[javascript]JQuery를 사용한 크로스도메인 xml 파싱 하기 보통 크로스도메인 처리를 하기 위해서는 JSONP, CORS 이런 방법들을 많이 쓰나.. 나는 전혀 먹히질 않았다.. 기존에 yahooapis 를 이용해서 서버에서 보내주는 xml 을 처리했었는데..어느날 갑자기 실행이 안되서 멘붕.. 한참동안 다른 대안을 찾아해맸지만...결국 못찾음 ㅠㅠ 대부분의 블로그나 스택오버플로어에는 ajax를 사용한 방법, jsonp 방식 등등 이런 것들이었다.. 한참을 헤매던 끝에 똑같지만 추출방식이 다른 yahooapis를 찾아냈다. 나와 같이 삽질하고 검색시간을 허비하는 이들이 이 글을 보고 해결하길.. 소스는 다음과 같다 // xmlSource 에 내가 읽어드릴 요청xml url주소를 적는다. var xmlSource = "http://api.duckduckgo.com/..
[javascript]내부 도메인 xml 파싱 설명이 따로 필요 없는 예제 tel.xml 파일 영업 홍길동 1111 01033334444 11/15 관리 홍당무 2222 01022220000 11/11 개발 최말봉 6153 01077775555 3333 홍보 최고봉 4444 01088889999 01/15 자바 스크립트에서 XML 파일의 맴버들을 참조하는 것은 의외로 쉬웠다.