2. 컴퓨터 이야기/프로그래밍 87

ul ol li 정리

자주 잊어 버려서 정리해 둡니다. ul 은 Un-ordered List 즉, 순서 없이 목록화 하는 것이고, ol 은 Ordered List 즉, 순서를 표시한 목록 입니다. ul 이나 ol 로 둘러싸지 않고 그냥 li 로만 기술해도 됩니다만, 나중을 위해서라면 포함 관계를 고려 해야겠죠. ul 과 ol 의 type 은 하위 항목인 li 에 상속 됩니다. 다만 li 에 기술된 type 이 있으면 ul 이나 ol 보다 li 의 type 이 최종 적용 됩니다. 그렇더라도, ul 에서 사용할 수 있는 type 과 ol 에서 사용할 수 있는 type 이 정해져 있지요. ol 에 맞는 type 이 있고, ul 에 맞는 type 이 있습니다. ul 에 맞는 type 을 ol 쪽에 기술해 봐야 헛수고 이고, 반대의 ..

기본적인 자바 스크립트로 웹브라우저를 통하여 인쇄하는 방법

인쇄할 영역을 선정한 다음, doPrint.jsp 를 호출하여 인쇄. window.open 이 아니라 iframe 안에 집어 넣고 window.print 인쇄하려 했는데, window 를 print 하는 것이기 때문에 iframe 외부의 내용도 인쇄되어 문제. post 방법으로 window 를 open 하기 위해 URL 을 주지 않고 먼저 오픈한 다음 submit 하였음. 인쇄용 CSS 가 있다면 파라미터로 넘겨 주든지 doPrint.jsp 에 기술. 웹브라우저에 따라 헤어와 푸터 부분에 예기치 않은 문자열이 인쇄될 수 있으므로 유의. 파라미터 방식이 아니라 opener 개체를 이용하여 해당 값을 가져올 수 있다. 이 경우에는 doPrint.jsp 의 window.print() 함수가 호출되기 전에 인쇄..

영역, 좌표, 사이즈 관련 정리

브라우저 창의 사이즈를 이리저리 조정해 보면 조금씩 다르게 적용됨을 알 수 있습니다. *. 박스모델 innerWidth, innerHeight, outerWidth, outerHeight 가 W3C 에 의해 제정되었지만, 웹브라우저 종류나 버전에 따라 잘 지켜지지 않기도 한다. 간혹 Hack 을 사용해서 빠져나가는 방법을 쓰기는 하지만 이중 박스 모델을 사용하면, 핵을 사용하지 않아도 어떠한 웹브라우저든지 정확하게 맞아 들어간다. 실제로 화면에 표시되는 내용들.. 상기와 같이 하면, 바깥쪽 div 로 인해 전체 Width 는 100px 이 되고, 안쪽 div 로 인해 100px 안 쪽에 폭 2 pixel 의 직선이 생긴다. IE, FF, Chrome 등등 웹브라우저의 종류나 버전에 상관없이 동일한 박스가..

WareValley 사의 Orange 4.0.1 버전인데, SQL Tool 의 Edit Mode 에서 Accept Current Record 해도 Commit 은 따로 해 주어야 하는군요..

평소에 Table Editor 창에서 작업을 많이 해서 그런가요.. SQL Tool 의 Edit Mode 에서 Accept Current Record 나 Accept All Modified Record 등을 하고 작업을 끝냈는데, 반영이 되어 있지 않다는 피드백을 받았습니다. Table Editor 창에서는 데이타를 수정한 다음 Query 버튼을 클릭하면 Commit 까지 해 주거든요. 아무튼, 주의해야 하겠습니다. ^^>

Ajax 를 유사하게 여러번 호출하는 경우 소스 단순하게 만들기

JQuery 나 기타 등등의 라이브러리를 사용하는 방식이 아니라 간단하게 Ajax 를 구현하는 경우, 각각의 기능을 자바스크립트 함수로 만들때 마다 반복되게 하지 않고 한번만 정의하는 방법을 소개한다. doAjax 라는 함수를 두어서 Ajax 로 호출될 URL 과 파라미터, Ajax 성공시 호출될 함수명을 기술. 파라미터가 더 필요한 경우 arguments 를 이용하여 전달. arguments[0] 는 첫번째 파라미터.. goWhere 함수는 페이지 전환을 대신할 Ajax 호출. goWhere 함수가 doAjax 호출하면, Ajax 성공시 파라미터로 넘어온 함수명 doAfterAjax 를 호출. 01 function doAjax(u,p,f){ 02 var args = doAjax.arguments; 03..

div 에 Ajax 로 태그들을 넣을때, 넣어지는 쪽에 div 나 span 이 1 레벨로 들어 있으면 IE 에서 알수 없는 런타임 오류

a.jsp 가 아래와 같이 구성되어 있다 하자. ... 이곳에 Ajax 를 통해 b.jsp 를 idA 의 innerHTML 로 넣을때 b.jsp 에 아래와 같은 코드가 있으면 IE 에서 런타임 오류 발생. ... ... 그런데 오류가 났던 동일한 div 나 span 태그를 table 태그로 감싸주면 오류가 나지 않는다 ... ... 왜 그런걸까..? table 대신에 다른 div 나 span 을 사용해도 마찬가지로 에러.. ul/ol 과 li 조합으로 해도 에러.. dl 과 dt, dd 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?