본문 바로가기

JavaScript 팁

[javascript] 이미지 사이즈 조절 화면상 이미지가 너무 클때 ... 간단한 설명을 드리면 이미지가 너무커서 화면이 일그러지는것을 막고자 보통은 너비를 고정시키거나 높이를 고정시키는 방법을 사용하죠..(섬네일을 생성해서 이미지자체를 작게 생성하는 경우도 있긴 하나 html만으로 해결이 불가함으로 패스) 아래 소스는 새로 도는 가로 사이즈를 모두 비교하여 정해진 사이즈로 조정해주는 기능을 합니다. //사용법 더보기
[javascript]쿠키 팝업처리소스 오늘은 이창을 띄우지않습니다. 쿠키를 이용한 대부분의 사용예 더보기
업로드시 확장자 체크 자바스크립트+이미지미리보기 원문보기 업로드시 확장자 체크하기 ===================== 이미지 미리보기 더보기
[javascript] 웹페이지 이미지 로딩시 액박 대신 대체이미지 삽입하기 보통 onerror 속성을 이용하여 대체 이미지를 보여주도록 처리하지만 대체 이미지가 삭제되거나 로딩되지 않을 경우 onerror 이벤트가 계속 발생하여 무한루프가 발생 ㅡㅡ; 이에 대한 대처방안으로 아래와 같은 방식으로 스크립트를 사용합니다. 1. 아래 로직은 일단 특정 이미지 로딩시 에러가 발생할 경우 imageErrChk() 평션을 호출하여 대체 이미지를 해당 이미지 태그의 src 로 변경처리합니다. 2. 대체 이미지가 정상적으로 로딩이 되었다면 더이상 imageErrChk() 펑션을 호출하지 않지만 만약 대체 이미지 도 오류가 발생할 경우 다시 imageErrChk() 펑션을 호출 3. 2번 대체이미지 오류의 경우 해당 이미지 오브젝트의 src가 "/img/common/img_ready3.gif".. 더보기
라디오버튼선택값 미리 확인하기 키포인트는 radio1.value 가 안먹어서 이런짓을 하는거죠.. function checkRadio(form) { for(var i=0;i 더보기
[javascript] 팝업창 으로 폼전송 키포인트는 창을먼저 생성한 후에 생성된 창의 id를 이용하여 폼을 전송하는 것이죠. function popopen(aa) { document.mainform.val.value = aa; //창먼저 띄우고 window.open("", "pop", "height=300 ,width= 400,top=100, left=100, scrollbars=no"); //폼전송은 나중에 document.mainform.target = "pop"; document.mainform.submit(); } 더보기
[html] iframe 아이프레임 선언하기 ' target=_blank>http://www.yahoo.co.kr"> 차암 쉽죠잉~ 더보기
[javascript] 이미지 맵 사용하기 설명 샘플 웹페이지상 노출되는 이미지의 특정 부분에만 링크처리를 하고자 할 경우 Map object를 사용합니다. 사용방법은 아래와같습니다. 링크를 걸려고 하는 이미지 태그 를 작성한 후 USEMAP 이라는 속성을 추가해줍니다. 더보기
[javascript] 팝업창 리사이즈처리 window.resizeTo(0,0); 창띄우기 야후! 홈페이지 더보기