[출처] input type=”image”타입은 submit 타입인데 이걸 버튼타입으로 변경|작성자 제임스 다음과 같이 생성한 이미지 버튼은 submit 버튼과 동일하게 작용하며, onsubmit 이벤트를 발생시킨다. <input type=”image” src=”../images/kaho.gif” /> <참고> onsubmit 이벤트 제어하는 예제 1. html 폼 부분 <form method=”post” action=”../test.jsp” onsubmit=”return submitForm()”> 2. 자바스크립트 부분 function submitForm() { var f = document.frm; // 폼 이름 … Read More »
– 출처 : http://www.4te.co.kr/544 – 스레드 안전이란 말은 어떤 속성에 set을 한 다음 get을 하기 전에 다른 무엇인가가 해당 속성에 set을 해서 내가 set한 속성 값을 그대로 get하지 못하는 경우를 말한다. ServletContext에서도 스레드 안전이 보장되지 못한다. 즉 다음과 같이 코딩하게 되면 잘못된 결과가 리턴될 수도 있다는 말이다. public void doGet(HttpServletRequest request, HttpServletResponse response) … Read More »
– 출처 : http://www.4te.co.kr/542 – ServletConfig는 해당 서블릿에서만 사용할 수 있지만 Web App 내에서 공통적인 내용을 가져다 사용하려면 ServletContext를 사용할 수 있다. ServletContext는 ServletConfig와 마찬가지로 web.xml을 사용하며, 따라서 바로 사용하려면 String만 사용할 수 있다. 하지만, ServletContextListener를 이용하면 객체 역시 Web App 전역에서 사용할 수 있다. ServletContextListener는 서블릿이 로딩 되기 전, 컨테이너(ex:톰캣) 차원에서 initialize 하고 destroy 하게… Read More »
– 출처 : http://www.4te.co.kr/540 – web.xml에 config 정보를 정의하고 해당 내용을 servlet에서 불러와 사용할 수 있다. 사용 방법은 다음과 같다. 1. web.xml 작성 <!– ServletConfig Test Start… –> <servlet> <servlet-name>BeerParamTests</servlet-name> <servlet-class>com.example.TestInitParams</servlet-class> <init-param> <param-name>adminEmail</param-name> <param-value>[email protected]</param-value> </init-param> <init-param> <param-name>mainEmail</param-name> <param-value>[email protected]</param-value> … Read More »
[출처] 자바스크립트 defer 속성 (웹기프트) |작성자 슈퍼맨 브라우저에게 스크립트가 문서컨텐트를 생성하지 않는다것을 명시하여 브라우저는 웹페이지가 모두 로딩된 후 스크립트를 처리하게 된다. 간간이 벌어지는 스크립트 에러 방지. <script language=”JavaScript” type=’text/javascript’ defer=’defer’ ></script> 단, IE에서만 가능!!!
1. Iterator 사용 Set set = testMap.entrySet(); Iterator it = set.iterator(); while(it.hasNext()) { Map.Entry me = (Map.Entry)it.next(); System.out.print(“### testMap : “+me.getKey()+” – “+ me.getValue() +”\n”); } 2. 개선된 for문 사용 (enhanced for loop) Map<String, Integer> map =… Read More »
//전역변수 선언, boolean 이나 정수값이나 아무거나… var isSubmitted = false; //한번만 submit 하기 위한 함수 정의. //submit 하는 함수 중간에 넣던지 form의 onsubmit 이벤트에 걸던지 알아서.. function oneTimeSubmit(){ if(isSubmitted == false){ isSubmitted = true; //이 부분은 form submit을 하건 return true를 하건 알아서… … Read More »
(예) String value = “12345”; boolean isNumberString = value.matches(“[0-9]+”); – 출처 : 프로젝트 –
http://cafe.naver.com/tonkjsp/229
window.onload 시 실행할 함수를 지정하는 좀 더 세련된 방법이 있었다. 이벤트 리스너를 이용하는 것이었는데… if(window.addEventListener){ //모질라 계열의 경우 window.addEventListener(“load”, callback함수, false); }else if (window.attachEvent){ //IE 계열의 경우 window.attachEvent(“onload”, callback함수); } * 이벤트 해제 – 모질라계열 : object.removeEventListener(“eventName”, functionName, true/false); =>세번째인자 – true : 케스케이드 다운 방식 / false : 버블 업 방식… Read More »
톰캣 > lib > jsp-api.jar 를 클래스패스에 추가해 준다.
1. 파이어폭스 – innerText (X) => innerHTML (O) – style=”cursor:hand” (X) => style=”cursor:pointer” (O) [출처] 파이어폭스 에서도 잘 돌아가는 웹사이트 만들기?|작성자 난 나야
# 용법 공통적으로 CSS가 다 적용되는데 IE6 에서만 문제가 발생할 때 다음과 같이 추가적으로 속성을 지정해 준다. *html #content{ height:450px } # 사용 예시 id가 content 인 div 에 최소 높이를 주기 위한 설정. min-height 라는 속성이 IE6 에 적용되지 않기 때문에 *html 로 추가해 주었다. 기존에 정의한 스타일 속성이… Read More »
# 자바스크립트 이미지캐싱의 개념 자바스크립트를 사용하여 현재 페이지 영역에 이미지객체를 만들어 놓으면, 같은 URL로 이미지를 호출하는 상황에서 물리적인 이미지를 호출하지 않고 현재 페이지 영역에 만들어져 있는 이미지 객체를 호출한다. (Fiddler로 확인 가능) # 자바스크립트 이미지캐싱의 용도 개발을 해 보니, 마우스 롤오버로 탭 전환 같은 것을 할 때 반드시 필요하다는 생각이 들었다. (>, < ) 짱 좋음!… Read More »
document.getElementById(‘div01’).style.backgroundImage = ‘url(“picture.jpg”)’;
경험담 1. <img>태그를 <a> 태그가 감싸고 있었는데, 보기좋게 정렬한답시고 <a>태그를 엔터를 쳐서 내려놓았다. 근데 그게 화근이었던 것. 오로지 파이어폭스에서만 레이아웃이 깨졌었는데, <a>태그와 </a>태그가 감싸고 있는 <img>태그를 공백없이 찰싹 붙여 놓으니까 해결되었다. 대체 이런 걸 어떻게 아냐구 -.- !!!! 이놈의 크로스브라우징!!
<a href=”이동할 주소” target=”_blank”>링크1</a>
http://kwon37xi.egloos.com/2558053
– 출처 : http://www.highca.com/114 – IE6이나 7 에서는 position:relative 및 position:absolute 에서 z-index 가 먹지 않는 버그가 있다. <div style=”position:relative; background:black; color:white;”> 까만놈1 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red; z-index:1000″> 창구1 </div> </div> <div style=”position:relative; background:black; color:white;”> 까만놈2 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red;”> 창구2 </div> </div> 위 예제와 같이… Read More »
[출처] css float |작성자 성아에미 엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다. float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고? 나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다. 떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다. 만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면 연두색 엘리먼트에 clear 속성을… Read More »
