일정 길이 이상의 텍스트는 감추고, 일정 길이까지만 화면에 보여주고 싶을 때

By | 3월 30, 2009

1. 텍스트를 <div> 태그로 감싼다. 2. <div> 의 style 속성으로 원하는 width, height 를 설정하고, overflow:hidden 을 추가한다. 3. <td>태그 안에서 자동줄바꿈을 하지 않기 원한다면 <nobr></nobr>로 텍스트를 감싸준다. 4. 텍스트가 짤려서 보이지 않게 되므로 div의 title 속성에 전체 문장을 써 넣어 주면 더 좋겠다. (alt 효과) # 직접 해 본 예제, 그런데 글자가 어중간하게 걸쳐서… Read More »

innerHTML이 죽어도 안먹을 때!! (>,

By | 3월 28, 2009

innerHTML을 innerHtml이나 innerhtml 로 쓰지 않았는지 확인하자!! (대소문자 구별!) * innerHTML의 용법 – 특정 태그 객체 안에 또 다른 html 객체들을 생성해 넣을 때 사용한다.   (예) document.getElementById(“idx”).innerHTML = “<td>테스트</td>”; * 비교     innerText 라는 것도 있는데, 이것은 HTML 태그 객체가 아니라 텍스트를 삽입할 때 사용한다.    이녀석은 또 ‘T’ 자만 대문자로 써 준다! 아 헷갈려!! (>,<)   (예)… Read More »

자바스크립트 디버거

By | 3월 28, 2009

* 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 »

폼(form)과 파라미터(hidden)를 동적으로 생성하여 post로 전송(submit) 하기 예제

By | 3월 25, 2009

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를 써도 된다고 하나 미확인상태

인터넷사이트를 열 수 없습니다 작업이 중단되었습니다 에 대한 해결법

By | 3월 23, 2009

– 출처 : http://kuna.wo.tc/596 – 먼저 이 에러가 발생할 때는 Internet ExplorerExplorer 에서 DOM이 로드되기 전(즉 페이지가 로드되기 전) 소스코드가 수정될 때때 발생하는 에러입니다. 먼저 중요한 점은 이 에러는 Internet Explorer에서만Explorer에서만 발생하기 때문에 브라우저를 다른 것으로 바꾸면 (ex : Google Chrome – 구글 크롬, Mozila FireFox – 파이어폭스) 이이 에러가 뜨는 페이지를 정상적으로 보실 수 있습니다.… Read More »

[펌글] 마우스 커서 손모양으로 바뀌게 하기

By | 3월 23, 2009

* jQuery를 사용한다면 다음과 같이 처리할 수 있다.      $(obj).css(‘cursor’, ‘pointer’); * 되돌리기        $(obj).css(‘cursor’, ‘default’);  * 참고     mouseover 이벤트와 착각하지 말자! 이벤트 바인딩이 아니라 CSS다!  예전에는 아래와 같은 것들을 사용했었는데 지금은 jQuery가 편리해서 아래의 방법은 잘 사용하지 않는다. —————————————————————————————————————– 예1) img 태그 등에서 다음의 속성 사용             <img …… Read More »

윈도우 위치, 크기 변경

By | 3월 23, 2009

[출처] [템플릿, 디자인 팁] 팝업창 크기 마음대로 변경하기 (포인트샵(pointshop.co.kr) 공식 까페) |작성자 포인트샵 window.moveTo( (screen.width-800)/2, (screen.height-600)/2 ); window.resizeTo( 800, 600 );  

[펌글] 윈도우 크기, body 크기 얻기

By | 3월 23, 2009

[출처] [javascript]윈도우 크기, body 크기 얻기|작성자 왕건달   윈도우 높이 : document.documentElement.clientHeight 윈도우 폭 : document.documentElement.clientWidth  body 높이 : document.body.scrollHeight   윈도우란 브라우저의 크기를 말하고 body 크기란 브라우저가 보여 주고 있는 내부 body 의 총 길이다.  

CSS 스타일 시트(style)가 죽어도 안먹을 때!

By | 3월 21, 2009

HTML 선언부를 주목하자! (아래 예) <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> HTML 선언이 어떻게 되어있느냐에 따라서 스타일이 안먹을 수도 있는 것 같다.

사업자등록번호 유효성검사

By | 3월 21, 2009

[출처] 사업자 등록번호 유효성 검사|작성자 hongjae83 * 규칙은 123-12-12345 였다. 아래는 유효성체크 관련 문건. //사업자 번호 체크 //받은 값이 사업자등록번호인지 유효성을 체크하는 함수 //연속된 10자리 숫자가 들어왔을때 실행한다. //만약 xxx-xx-xxxxx 형식으로 들어온다면 ConvertNumber를 먼저 수행하여 체크한다. function ValidateVendorNo(field) {  var v1,v2,v3,v4,v5,v6,v7;  var v8,v9,v10;  var x,y,z,c,t,xa,xb;  var result = false;    field = field.replace(/-/g,””);  if(field.length ==… Read More »

[펌글] JAVA Calendar, Date, GregorianCalendar

By | 3월 17, 2009

[출처] GregorianCalendar|작성자 아호 자바개발을 하면서 난 날짜연산이 필요할때. 예를 들면 어제날짜가 필요한다던가 입력받은 날짜에 얼마만큼의 기간을 더하고 빼고 할때 말이다. java.util.Date객체의 메소드들은 대부분 Deprecated되어서(API문서) setDate같은 메소드를 쓰기도 찜찜하다. 그럴땐 Calendar 객체가 아주 유용하다. 생성자도 참 다양하다. 오늘 날짜를 예로들면, GregorianCalendar cal = new GregorianCalendar(); //현재시간 GregorianCalendar cal = new GregorianCalendar(2008, 1-1, 25); //년, 월-1, 일… Read More »