본문 바로가기

IT

CSS3 백그라운드 이미지(background-image) 사이즈 비율에 맞게 조정하기 적용 예 이게 원본 이미지의 사이즈 (사이트 내의 상세설명 페이지에서 캡쳐함) 이게 리스트에서 보여지는 모습. 위에있는 이미지나 아래에 있는 백그라운드나 같은 파일을 불러오고 있는것. 위 예시에서는 가로는 div의 사이즈에 맞게 비율만 줄어들어서 전부 나오고 세로는 가로의 비율에 맞게 나오다가, div영역 사이즈를 초과하면 알아서 멈춤. style="width:296px; height:152px; background-image:url('장나라'); -ms-behavior: url('/css/backgroundsize.min.htc'); background-size:cover; background-repeat:no-repeat;" -ms-behavior: url('/css/backgroundsize.min.. 더보기
IE8/IE9 창 자동으로 강제 닫기 window.opener='self'; window.open('','_parent',''); window.close(); IE8/IE9 에서는 그냥 window.close(); 소스를 사용하면 닫겠냐고 물어보는 창 뜨고 확인 눌러야 닫힙니다. 위에 소스를 사용하면 창 안뜨고 그냥 강제로 닫을 수 있습니다. 그러면 이 소스를 언제 사용하느냐.. 윈도우 서버의 예약된 작업 스케쥴을 넣을때 vbs 파일 대신 asp 파일을 실행시키곤 하는데 서버상에 브라우저가 떠있는 상태로 안닫히고 계속 남아있는 상황이 발생하더군요. 그때 저 소스를 사용하니까 asp 파일 실행되고나서 깔끔하게 바로 닫혔습니다. 더보기
jquery 동적 form 생성 및 submit $('#btn_submit').click( function() { var $form = $(''); $form.attr('action', 'order.asp'); $form.attr('method', 'post'); $form.attr('target', 'iFrm'); $form.appendTo('body'); var idx = $(''); var page = $(''); var category = $(''); var keyfield = $(''); var keyword = $(''); $form.append(idx).append(page).append(category).append(keyfield).append(keyword); $form.submit(); }); 버튼에 링크 같은거 걸때, 파라미터 값.. 더보기
jquery로 아이프레임(iframe) 동적 생성 소스 로그인 세션 시간 연장을 위한 아이프레임이나, 동적 통신을 위한 아이프레임 등이 필요할때 페이지 상에 다이렉트로 그냥 넣기가 삭막해보여서 사용한 소스 더보기
나눔고딕 웹폰트 적용 소스 (크로스 브라우징 문제 해결하기) 1. API를 이용하지 않는 소스 (IE 계열의 브라우저에서 불규칙적으로 작동 안할때가 있음)@font-face { font-family: "fontng"; src: url('/font/NanumGothic.eot'); src: local('?') , url('/font/NanumGothic.eot?#iefix') format('embedded-opentype') , url('/font/NanumGothic.ttf') format('truetype') , url('/font/NanumGothic.woff') format('woff'); font-weight: normal; font-style: normal; .fng{font-family:'나눔고딕', NanumGothic, 'fontng';} 로컬에 나.. 더보기
asp 메일 수신 확인 방법 메일 본문에 아래와 같은 태그를 추가한다. 'mailcode 값을 DB에 저장하고, 수신여부 컬럼에 미수신 값을 저장한다. ※ style="display:none;" 은 메일 서비스 업체에 따라 태그를 막는 경우도 있으므로, 그럴땐 width, height 1px 이라던지 다른 방법을 사용해서 시각적으로 감춰야 된다. MailConfirm.asp 파일의 소스 더보기
asp에서 euc-kr / utf-8 설정 상단 구문 head태그의 meta type에서만 설정해도 잘 작동하는 경우가 있지만 외부 API등의 활용으로 인해 어쩔수 없이 한 사이트 내에서 2개 이상의 charset 을 사용해야만 할 경우 아래의 소스를 각 페이지 상단에 넣어주면 페이지 단위로 정상적으로 인식해준다. ----------------------------------------------------------------------------------------------- 더보기
asp를 xml문서로 읽도록 하기 소스를 이런식으로 감싸주면 된다. 대부분은 소스를 이렇게 감싸주는것 만으로도 xml로 제대로 읽어지지만 간혹 브라우저에 따라 안되는 경우가 있을때는 asp 문서 최상단에 이렇게 넣어주면 제대로 읽어졌다. 더보기