IE7 에 따른 이슈사항들 (IE6, IE7의 차이점)
http://blog.naver.com/civan/150026795173
[펌글] div 테두리, 배경색 지정하기
– 출처 : http://homepagego.tistory.com/31 – div 테두리, 배경색 지정하기. css 2009/03/28 14:50 div에 테두리와 배경식을 지정하면 더욱 멋진 웹 페이지를 만들 수 있다. <head> <style> #main{margin: 0 auto; width:600px; height:150px; background-color:#888888; border-left:1px solid #333333; border-right:1px solid #333333; float:left;} </style> </head> <div id=”main”>내용</div> style. background-color:#색상; – 배경색 지정. border-left:값px solid #색상; – 왼쪽 테두리 값과 색상 지정.… Read More »
모달창 (modal dialog window) 에서 멋대로 가로스크롤이 생기는 문제 해결 꽁수
IE7에서 작업을 하던 도중에, 모달을 띄울 때 모달 안의 내용이 넘쳐서 세로스크롤이 생기는 경우, 원치 않는 가로스크롤이 동시에 생기는 문제를 발견했다. (이 가로스크롤은 일종의 버그로, 세로스크롤의 폭 비슷하게 좁은 폭으로 생긴다.) 이에 직장 상사께서 고안해 내신 꽁수… 1. 모달을 띄울 때 스크롤바를 아예 없앤다. 모달 property 설정시 scroll : no 2. 모달의 <body> 안쪽을 모두 감싸는… Read More »
[펌글] 글자 간격 맞추기 letter-spacing:2em
[출처] letter-spacing 활용하기|작성자 히카 『가입기간』은 그냥 이렇게 쓰고, 『<span style=”letter-spacing:2em”>연령</span>』 이렇게 하는 것이 내가 쓰는 방식이다.. 2글자가 들어가는 공간을 letter-spacing과 단위 em을 활용해 맞추면 간단하다~
자바스크립트(javascript) 정규식(regex) 예제
var selectKey = document.getElementById(‘selectKey’); var selectValue = document.getElementById(‘selectValue’); if(selectKey.value == ‘buyId’){ if(selectValue.value.search(/^[0-9]*$/) == -1){ alert(“구매번호는 숫자만 입력하실 수 있습니다.”); selectValue.value = “”; return; } }else if(selectKey.value == ‘loginId’){ if(selectValue.value.search(/^[a-zA-Z]*$/) == -1){ alert(“구매자ID는 영문만 입력하실 수 있습니다.”); selectValue.value = “”; return; } }else if(selectKey.value == ‘custNm’){ //이 부분은 임의로 한글과 영문을 섞은 것인데, 이렇게 하는 게… Read More »
textarea 에서 입력할 때 개행(줄바꿈) 하기
IE textarea에 줄바꿈 문자 넣기 ================== 아래 글은 예전에 퍼왔던 것임 ==================== 1. textarea로 입력된 글을 읽어오는 단계(JAVA)에서 개행 처리하기 html의 <textarea> 에 입력된 엔터값은 \r\n 이 붙어 있는 형식이며, 반드시 \r 이 먼저 있고 뒤에 \n 이 있으므로.. 따로따로 처리하기 보다는 개행관련 단어를 찾아서 한번에 바꿔주는 것이 효과적이다… 방법 : memo.replaceAll(“\r\n”, “<BR>”) [출처] java String 개행문자 <BR>로… Read More »
모달창(modal) 크기 재조정(resize:리사이즈) 하기
* window.open() 과 달리 showModalDialog()는 resizeTo() 함수를 사용할 수 없다. * window 객체의 dialogWidth, dialogHeight 속성에 값을 셋팅하여 리사이징을 한다. – 이 방법 역시 IE에서만 통하는 방법으로, 기타 브라우저에서는 작동하지 않는것으로 보인다. (기타 브라우저에서 작동하는 방법이 알고 싶다 >,, < !!!) //리사이징 예제 function resize(w,h){ //document.documentElement.clientWidth :… Read More »
[펌글] [오라클] 날짜 관련 함수 (년, 월, 일 더하기 빼기 등등)
[출처] [오라클] 날짜 관련 함수. (대박몰 프로젝트) |작성자 그리드맨 2.1 날짜를 다양하기 표시하기 – 날짜를 yyyy/mm/dd 형태로 표시하기 SELECT TO_CHAR(to_date(’92-FEB-16′,’YY-MON-DD’), ‘yyyy/mm/dd’) FROM dual; 2.2 날짜에 대한 반올림/반내림 값 구하기 – 날짜 중에 일(dd)에 대한 반올림 SELECT ROUND(to_date(’92-FEB-16′,’YY-MON-DD’), ‘DAY’) FROM dual; – 날짜 중에 월(mm)에 대한 반올림 SELECT ROUND (to_date(’92-FEB-16′,’YY-MON-DD’), ‘MONTH’) FROM… Read More »
익스플로러 런타임오류 창 제거하는 방법 (새 탭 열었을 때 등등)
http://blog.naver.com/dwfree74/20003763948
현재 사용하고 있는 이클립스 톰캣의 JVM 설정
이렇게 설정하고 사용하니, 그 많이 나던 Java Heap Space 에러도, Permgen Space 에러도 나지 않았따! (이클립스의 JVM설정이 아니고, 그 안에서 만든 톰캣 서버의 VM Argument 설정이라는 것에 주의하자!!) -Xms64m -Xmx256m -XX:MaxPermSize=256m
자바스크립트 – Date() 객체
http://blog.naver.com/speedman00/80010738402
[펌글] INPUT 태그에서 숫자만 입력 받기
[출처] [JSP] INPUT : 숫자만 입력하기|작성자 시작이반 1. INPUT 태그내에서 한줄처리 onKeypress = “if(event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;” 2. function 처리 <script> function onlyNumber(){ if((event.keyCode<48)||(event.keyCode>57)) event.returnValue=false; } </script> <input type=”text” maxlength=”2″ onKeypress=”onlyNumber();” style=”ime-mode:disabled”>
일정 길이 이상의 텍스트는 감추고, 일정 길이까지만 화면에 보여주고 싶을 때
1. 텍스트를 <div> 태그로 감싼다. 2. <div> 의 style 속성으로 원하는 width, height 를 설정하고, overflow:hidden 을 추가한다. 3. <td>태그 안에서 자동줄바꿈을 하지 않기 원한다면 <nobr></nobr>로 텍스트를 감싸준다. 4. 텍스트가 짤려서 보이지 않게 되므로 div의 title 속성에 전체 문장을 써 넣어 주면 더 좋겠다. (alt 효과) # 직접 해 본 예제, 그런데 글자가 어중간하게 걸쳐서… Read More »
[펌글] alt 태그처럼 글에도 풍선도움말을 주는 방법
title속성을 사용하시면됩니다. title속성은 모든 태그에 사용가능합니다. <a href=http://naver.com title=”네이버홈피”>네이버</a> <font color=blue title=”파란색글자”>글자</font> – 출처 : 네이버 지식인 –
innerHTML이 죽어도 안먹을 때!! (>,
innerHTML을 innerHtml이나 innerhtml 로 쓰지 않았는지 확인하자!! (대소문자 구별!) * innerHTML의 용법 – 특정 태그 객체 안에 또 다른 html 객체들을 생성해 넣을 때 사용한다. (예) document.getElementById(“idx”).innerHTML = “<td>테스트</td>”; * 비교 innerText 라는 것도 있는데, 이것은 HTML 태그 객체가 아니라 텍스트를 삽입할 때 사용한다. 이녀석은 또 ‘T’ 자만 대문자로 써 준다! 아 헷갈려!! (>,<) (예)… Read More »
자바스크립트 디버거
* MS 스크립트 디버거 http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en cfile21.uf.1674771E4A4472D05717A1.exe * Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage cfile25.uf.15500E1D49CDBBB84E7A18.exe # 사용법 1. MS 스크립트 디버거 설치 2. Companion JS 설치 3. IE설정 (스크립트 디버깅 관련설정 해제) * MS 스크립트 에디터 (좀 더 좋은 디버거) 에 관한 글 – [출처] 자바스크립트 디버거 설치|작성자 검신 MS에서도 거의 무료로 사용할 수 있는 괜찮은 자바스크립트 디버거를 제공하고… Read More »
이클립스 톰캣 플러그인 설치
http://blog.naver.com/eva1098/50042090363
페이지 캐싱 제거 후에 만료된 페이지를 보여주고 싶지 않을 때
뒤로가기시 만료된 페이지가 되어 버리는 그 페이지를 처음 띄울 때에, POST 방식이 아니라 GET방식으로 form submit을 하면 된다. # 체크할 점 1. POST일때 URL 뒤에 붙던 것이(?=xxx) GET방식일때는 붙지 않으므로 파라미터를 모두 input hidden화 하자.
java.lang.OutOfMemoryError: PermGen space 문제 및 이클립스 초기설정, 최적화
http://blog.naver.com/zauberha/150044560558 * 톰캣 메모리 관련 다른 글 http://www.gproject.co.kr/confluence/pages/viewpage.action?pageId=12255272 http://blog.naver.com/backma386?Redirect=Log&logNo=20110683830 * JAVA 메모리구조의 이해를 위한 문서(둘 다 같음) cfile24.uf.181DC61B49CAC8BD197590.doccfile24.uf.161DCE1B49CAC8BE11B7BA.hwp
폼(form)과 파라미터(hidden)를 동적으로 생성하여 post로 전송(submit) 하기 예제
function goBuyDetail(){ var formObject = document.createElement(“form”); formObject.setAttribute(“method”,”post”); formObject.action = “/MyPage.do?cmd=listMyBuyPrdDetail”; document.appendChild(formObject); var buyIdObject = document.createElement(“input”); buyIdObject.setAttribute(“type”,”hidden”); buyIdObject.setAttribute(“name”, “hidden이름” ); buyIdObject.setAttribute(“value”, “hidden값” ); formObject.appendChild(buyIdObject); formObject.submit(); } * 참고 : appendChild 대신에 insertBefore를 써도 된다고 하나 미확인상태