자바스크립트로 백그라운드 이미지 삽입하기
document.getElementById(‘div01’).style.backgroundImage = ‘url(“picture.jpg”)’;
Author Archives: itpsolver
파이어폭스에서 이유를 알 수 없게 레이아웃이 깨질 때
경험담 1. <img>태그를 <a> 태그가 감싸고 있었는데, 보기좋게 정렬한답시고 <a>태그를 엔터를 쳐서 내려놓았다. 근데 그게 화근이었던 것. 오로지 파이어폭스에서만 레이아웃이 깨졌었는데, <a>태그와 </a>태그가 감싸고 있는 <img>태그를 공백없이 찰싹 붙여 놓으니까 해결되었다. 대체 이런 걸 어떻게 아냐구 -.- !!!! 이놈의 크로스브라우징!!
브라우저 새 창으로 열기
<a href=”이동할 주소” target=”_blank”>링크1</a>
Ajax 기본 예제와 JSP 엔진에서 한글 인코딩 충돌 문제 처리
http://kwon37xi.egloos.com/2558053
Ibatis에서 select한 CLOB 데이타를 String으로 얻어오기
– 출처 : http://anarchi.tistory.com/34 – 위 글의 요점은 다음과 같다. (CLOB이 select 쿼리에 포함되어 있다는 전제하에) 1. <select id=”selectXXXX” resultClass=”java.util.HashMap”> 처럼 바로 HashMap으로 들어가지 말고, 별도의 resultMap을 정의할 것 => <select id=”selectXXXX” resultMap=”xxxxResultMap”> 2. resultMap 정의시 쿼리 순서와 resultMap 정의 순서가 동일해야 함 3. resultMap이나 쿼리나 CLOB 항목은 제일 마지막에 두어야 함. 4. resultMap에서 CLOB에 관한… Read More »
[펌글] 이클립스 콘솔(console)에서 한글이 깨져 나올 때
– 출처: http://blog.naver.com/anjoo24/110038851756 – java file의 encoding을 UTF-8로 설정해도, 문자열을 제대로 출력하지 못하는 문제가 발생한다. Debug를 해보면 변수 안의 한글은 제대로 들어있으나, 콘솔에는 ???로 출력된다. System.out.println(“한글”) System.out.println(유니코드 문자열이 담긴 String) 이를 해결하기 위해서는 다음 두가지 인코딩 설정을 일치시켜야 한다. VM 인코딩 (Open Run Dialog) -> Arguments -> VM arguments 에서 -Dfile.encoding=UTF-8 추가 콘솔 인코딩 (Open Run… Read More »
[펌글] IE6,7 에서 position:relative, position:absolute 속성의 z-index 버그
– 출처 : 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
[출처] css float |작성자 성아에미 엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다. float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고? 나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다. 떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다. 만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면 연두색 엘리먼트에 clear 속성을… Read More »
Ibatis로 오라클의 Date 타입을 select 했을 때 시간 부분이 잘리는 현상
Ibatis로 오라클의 Date 타입 칼럼을 select 하여 java에서 써먹으려고 했을 때, 날짜는 다 나오는데 시간 부분이 00:00 으로 초기화되어 버리는 현상이 있었다. 원인은, select 할 때 resultMap 으로서 HashMap을 사용하는데, result 의 타입을 정확하게 지정해 주지 않았기 때문이었다. 아마 Date로 타입이 지정된 model 클래스의 변수에 담았다면 이런 일이 없었으리라. 그래서 이것저것 시도해 본 끝에 다음과 같이… Read More »
Window객체 – 메소드 – setTimeout/clearTimeout
[출처] Window객체 – 메소드 – setTimeout/clearTimeout|작성자 꿈의인생 setTimeout 메소드는 일정한 간격으로 함수를 호출하여 수행할 수 있게 해준다. clearTimeout메소드는 setTimeout메소드에 의해 일정한 간격으로 수행하는 함수를 중지하기 위해 사용된다. – 형식 – 변수 = setTimeout(호출함수, 간격) clearTimeout(변수) → [호출함수]는 사용자가 임의로 만든 함수 → [간격]은 일정한 간격으로 호출되는 시간을 설정한다.(1000 = 1초) → [변수]는 setTimeout과 clearTimeout… Read More »
[링크] 애드센스 클릭내역 확인 방법 (pageTracker 관련)
http://donzil.com/104
紐づく 라는 일본어의 의미
紐づく(ひもづく）… 사전에도 없는 말이다. 야후에서 쭉 검색해 보니 IT 업계에서만 사용되는 말인듯 하고, 의미는 ‘related’, 즉 ‘관계된’ 정도로 해석할 수 있을 듯 하다. 아래는 어떤 일본인 블로거의 글 「紐づく」という言葉 衝撃を受けたのでメモ。 紐づくという言葉がある。 意味は、「関連付く」といった感じだろうか？英語でいえば「relation」です。 AとBはCによって紐づけられるのように使用します。 データの関連性を説明する際は当たり前の様に用いています。 この言葉、ずっと世の中で一般的に使用可能な日本語だと思っていました。 しかし、この言葉はどうやら業界用語だったらしい･･･。 私は無意識のうちに、一般ユーザーの目にとまる箇所にこの言葉を用いたことはなかったのですが、 他の方がエラーメッセージの中にこの言葉を用いているのを発見。 何となく調べて日本語ではないと判明。 調べている最中にこんなアンケート結果を見付けました。 ＞＞日本語調査 『ひもつく』という言葉をどう思いますか？ IT業界にで生きている人間にとっては天変地異が起きたかのように感じられました。 ああ、もうホントに驚いた。
[자바스크립트] for ~ in 구문에 대하여…
for ~ in 구문은 객체의 속성을 나열할때 사용합니다. for (var prop in myRectangle) { //myRectangle 객체의 속성만큼 루프를 돌게됩니다. document.write(myRectangle[prop]+”<br>”); //myRectangle의 속성을 출력합니다. } //여기서 prop는 for (i=0;i<10;i++){} 이런구문의 i와 마찬가지로 별의미 없습니다. key인거죠. //prop 대신에 prop1, prop2 등 아무거나 와도 됩니다.
[자바스크립트] typeof 연산자
* 개요 typeof 연산자는 형식 정보를 문자열로 반환합니다. typeof는 “number”, “string”, “boolean”, “object”, “function”, “undefined”라는 6가지 형식을 반환할 수 있습니다. 선택적인 요소로 typeof 구문에 괄호를 사용할 수도 있습니다. * 용법 if( typeof ‘abc’ == ‘string’ ){…} //괄호 사용 안함 if( typeof(‘abc’) == ‘string’ ){…} //괄호 사용… Read More »
[자바스크립트] instatnceof
[출처] 자바스크립트의 instatnceof|작성자 구나미 자바스크립트에서 instanceof의 사용법…. 만약 Array같은 객체의 인덱스를 숫자로 주지 않고 String의 값으로 준다면 리스트.length가 먹히지 않는다. 이럴때 instanceof를 사용하면 무척이나 유용하다. 아래와 같은 방법으로 사용하도록 하라… for(var i in 리스트) { if ( 리스트[i] instanceof Array ) { alert(리스트[i]); } }
이클립스 프로젝트에서 라이브러리들을 인식하지 못할 때!
프로젝트를 close 했다가 다시 open 해 보라!!
[AJAX] 간단한 AJAX 호출 함수
//xmlHttp 객체 생성 function createHttp() { try { return new XMLHttpRequest(); } catch (e) { var objectNames = [“MSXML2.XMLHTTP.5.0”, “MSXML2.XMLHTTP.4.0”, “MSXML2.XMLHTTP.3.0”, “MSXML2.XMLHTTP”, “Microsoft.XMLHTTP”]; for (var i = 0; i < objectNames.length; i ++) { try { return new ActiveXObject(objectNames[i]); break; } catch (e) { … Read More »
[AJAX] 100라인 Ajax Wrapper (Ajax호출을 간단하게! >,
http://techbug.tistory.com/100
자바스크립트 객체지향 (OOP)
[출처] 자바스크립트 객체지향 (OOP)|작성자 롤링 JSON (객체표기법(JavaScript Object Notation) 방식 <script type=”text/javascript” language=”javascript”> Book = { title : “sample” , chapter : { title : “title01” , page : “24” }, chapter2 : { title : “title02” , page : “50” } } Book.chapter.title = “change_title”; alert(Book.chapter.title); </script> 프로토타입(Prototype) 방식 <script type=”text/javascript” language=”javascript”> function… Read More »
이클립스 실행시 에러가 날 때…
http://blog.naver.com/keilman/100065875324