맛집 여행 캠핑 일상 생활

자바스크립트 스크린 및 브라우저 width height 값 알아내기 모니터 스크린의 가로 세로 사이즈 값은 screen.width height 에서 알아낼 수 있다.그리고 브라우저의 현재 좌표 값은 window.screenLeft screenTop ( 아래에 top. 을 붙인 이유는 iframe 안에서 알수있게 함이다. )브라우저의 가로 및 세로 값은 두 종류인데 브라우저 자체의 크기(outerWidth, outerHeight)와 브라우저 안의 크기(innerWidth, innerHeight)가 있다. 클릭debug out 테스트 해보세요. 클릭 debug out

자바스크립트 마우스 클릭한 좌표 알아내기 좌표가 세종류가 있습니다.clientX, clientY 는 현재 문서 기준 위치offsetX, offsetY 는 현재 오브젝트 기준 위치screenX, screenY 는 현재 모니터 기준 위치 아래 빈공간 아무곳에서 클릭해보세요.debug out 아래에서 테스트 해보세요~ 아래 빈공간 아무곳에서 클릭해보세요. debug out

자바스크립트 디버깅 하는 방법 웹개발 하면서 자바스크립트로 자주 사용하는 디버깅 하는 방법입니다.window.alert 이용하는 방법이 제일 많이 사용되죠.그런데 여러번에 걸쳐서 디버깅을 하고 싶을땐 alert 이 귀찮긴 합니다. 이런경우는 console.log 를 이용해보세요. debug out클릭좌표1클릭좌표2클릭좌표3클릭좌표4 debug out 클릭좌표1 클릭좌표2 클릭좌표3 클릭좌표4

자바스크립트 전화번호 체크 정규식 전화번호와 휴대폰 번호를 체크하는 정규식이다.function tel_check(str);var regTel = /^(01[016789]{1}|070|02|0[3-9]{1}[0-9]{1})-[0-9]{3,4}-[0-9]{4}$/;if(!regTel.test(str)) {alert('올바른 전화번호를 입력하세요.');return false;}return true;}

브라우저 이미지 캐시 기능 무시하기 아파치에서 mod_expires 와 같은 모듈로 이미지 캐시 기능이 동작 중인 경우에는 php 헤더에서 no-cache 관련 설정을 하더라도 브라우저에 캐시된 이미지가 보여진다. 이런 경우는 자바스크립트나 php 에서 이미지 주소 뒤에 물음표(?)를 붙여서 현재시간과 같이 유니크한 숫자를 더 붙여주면 된다. 자바스크립트는 img.src = url + '?' + new Date().getTime(); PHP는 img.src = url + '?'; 위와 같이 원 이미지 주소에 파라메터가 붙으면 캐시된 이미지가 아닌 실제 서버에서 이미지를 가져오게 된다.

자바스크립트 배열을 JSON으로 변환하기 단순 배열과 key, value 형태의 배열을 json 으로 변환할 수가 있다. JSON EncodeJSON.stringifyJSON DecodeJSON.parse ( $.parseJSON 으로도 가능 ) ▶ 단순 배열형태var dataArray = new Array(1,2,3,4,5,6,7,8,9,10);var jsonEncode = JSON.stringify(dataArray);alert(jsonEncode); var jsonDecode = JSON.parse(jsonEncode);alert(jsonDecode[0]); ▶ key, value 형태var dataArray = new Array({firstname:'Gil-dong',lastname:'Hong'}..

자바스크립트 createElement iframe 자바스크립트로 iframe 을 생성해서 특정 영역에 추가하는 스크립트를 함수로 만들어 보았다. 응용하기에 따라 iframe 외에 다른 태그도 추가할 수도 있다. 위 함수에서 src 만 더 추가해 주면 된다.

CANVAS 이미지를 jQuery 로 서버에 업로드하기 캔버스 이미지를 서버에 저장하는 방법은 많겠지만 jQuery 로 서버에 POST 업로드한 데이터를 php 에서 가공해서 저장하는 방법니다. ▶ HTML 스크립트Canvas not supported 위에서 POST 로 데이터를 받으면 data:image/png;base64,이미지데이터 형태로 받아진다.이를 PHP 에서 파싱해서 저장하면 된다. ▶ PHP 파일저장

window.onload 함수 여러개 실행되게 하기 jQuery 로 하면 $(document).ready(function(){}); 으로 처리하면 편하긴 한데 자바스크립트만으로 처리를 해야되는 경우에는 아래 같은 방법으로 사용하면 된다.

jQuery iframe height 를 자동으로 변경 iframe 안의 문서가 변경될 때마다 캐치해서 자동으로 높이를 변경 $('iframe').load(function(){var h = this.contentWindow.document.body.offsetHeight;$(this).height(h);}); $('iframe').contents().height() 대신에 위의 this.contentWindow.document.body.offsetHeight 이 iframe body의 정확한 높이값이다. 첫번째 호출때의 높이는 둘다 같으나 $(this).contents().height() == $(this.contentWindow.document).height() 그 뒤로 변경될때는 값이 달라진다는 것을..