맛집 여행 캠핑 일상 생활

JAVASCRIPT + PHP 새창에 이미지 주소 노출 없이 뿌리기 이미지의 경로 노출을 꺼릴 경우에 사용하면 된다.이미지주소를 감추는 대신에 PHP 소스 주소는 노출된다는 것을 알아야 한다. image header 출력방법과 img 태그에 data:image/jpeg;base64 방법에 대해서 알아보자. JAVASCRIPT 소스function action_imageView(url) {var imageViewWindow = window.open("", "_image_view_", "width=300, height=300");var htmlStr = "";htmlStr += "";htmlStr += "";imageViewWindow.document.write(htmlStr);imageViewWindow.d..

JAVASCRIPT 부모페이지의 QueryString 가져오는 방법 현재 iframe에서 한단계 위의 부모페이지를 가져오려면 window.parent 이고,최상위 페이지를 가져오려면 window.top 을 사용하면 된다.아래 예제는 최상위 페이지를 예로 들었다.function getQueryString() {var queryArr = window.top.location.search.substring(1).split('&');var queryObject = {};if(queryArr) {for(var i=0; i

JAVASCRIPT 썸네일이미지 클릭시 새창에 이미지보기 작은 이미지를 클릭하면 새창에 이미지를 보여주는 코드입니다.

JAVASCRIPT 루프문 종류 자바스크립트에도 PHP의 foreach 에서 $key=>$val 형태와 비슷한 for in 반복문이 있다. 아래는 for, for in, while, do while 의 예제이다.

JAVASCRIPT 최상위 부모페이지까지 찾기 여러개의 IFRAME 으로 이루어진 페이지에서 최상위 부모페이지까지 이벤트를 걸고 싶다거나 할 때 사용하면 된다.아래 예제는 mouseup 이벤트를 알아내는 방법이다.var pObj = window;while(true) {$(pObj).bind('mouseup', function(e){alert('mouseup');});if(pObj == pObj.parent) break;pObj = pObj.parent;}그냥 과정 없이 최상위 부모페이지만 찾는다면 window.top 을 사용하면 된다.

JAVASCRIPT TEXTAREA 포커스 맨끝으로 보내기 아래 처럼 하면 텍스트 내용이 많아서 스크롤이 생기더라도 FOCUS를 제일 끝으로 보낼 수가 있다. 123412341234123412341234123412341234123412341234123412341234 포커스

JAVASCRIPT 배열을 SelectBox 로 만들기 key=>value 로 된 배열을 셀렉트박스로 만들고 option 추가 및 삭제에 대한 예제이다. SelectBox 생성SelectBox 옵션추가SelectBox 마지막옵션삭제아쉽게도 추가 삭제는 있어도 수정에 대한 함수가 없다.옵션 수정을 하려면 remove 와 add 함수를 응용하여야 한다.

자바스크립트 배열 Push Pop javascript 배열에 값을 넣고 빼는 예제이다.var aObj = new Array();aObj.push(1);aObj.push(2);aObj.push(3);aObj.push(4); alert(aObj.pop());alert(aObj.pop());alert(aObj.pop());alert(aObj.pop());alert(aObj.pop());pop 하면 4, 3, 2, 1, Undefined 로 나올 것이다. var aObj = new Array(1, 2, 3, 4);위 처럼 push 를 생략한 상태에서 pop 을 하여도 마찬가지이다.

jQuery iframe 호출 로딩이미지 처리 iframe 에 시간이 오래 걸리는 페이지 호출시 또는 ajax 로 데이터 처리시 사용하면 유용하다. 응용하기 나름인 것 같다.

자바스크립트 iframe 안에서 최상위 scrollTop 가져오기 iframe 안에 또 다른 iframe 이 여러층으로 되어 있을때 scrollTop 을 그냥 가져 오면 값이 0으로 나온다.jQuery $(document).scrollTop() 도 마찬가지로 0으로 나올 것이다. 이런경우에는 아래 처럼 값을 가져올 수 있다.// javascripttop.document.body.scrollTop;// jQuery$(top.document.body).scrollTop();