tr 4

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 로 해도 에러.. 다른 웹브라우저에서도 에러가 날까..?

의도하지 않는 빈 줄이 생기지 않도록 form 태그와 table, iframe 태그들을 배열하는 순서

아래와 같이 해야 빈 공간이 생기지 않는다. 물론 다른 방법도 있겠지만.. iframe 태그를 form 태그 안에 두면 빈 줄이 생기므로, iframe 은 form 태그 밖에 위치한다. form 태그를 table 태그 밖에 두면 빈 줄이 생기므로, table 과 tr 사이에 위치한다. ... ... 아, 위와 같이 하는 것은.. 물론 table 태그를 사용하였을 때다. iframe 은 Ajax 를 사용하지 않고 iframe 내에서 처리 프로세스를 태우기 위해서다. 간혹 Ajax 를 사용하면 오류가 나거나 구현하기 어려울 때, iframe 을 사용해서 내부 처리를 할때 요긴하다.

하나의 웹페이지 안에서 특정 위치로 포커스 이동, focus() 와 location.hash

웹페이지 UI 를 만들다 보면, 프로세스 상 어딘가가 화면에 꼭 보여야 하는 수가 있지요. 이런건 focus 내장함수를 사용하면 됩니다. input 태그가 있는 경우 해당 태그에 focus() 함수를 사용하여 이동이 가능합니다. input 태그의 type 옵션에 text, radio, checkbox 등이 들어 있어도 공히 적용이 됩니다. textarea 태그에도 focus 가 먹힙니다. 그런데.. input 태그나 textarea 태그에 disabled 옵션이 걸려 있다면 대략 낭패. 스크립트가 작동을 하지 않습니다. readonly 옵션은 영향력이 없습니다만.. 업무상 disabled 옵션이 필요하다면 focus() 함수를 통한 위치이동은 불가합니다. input, textarea 태그가 없는 곳으로 ..

CSS 를 이용한 수직 가운데 정렬, table 태그냐 div 태그냐..?

아래 코드를 사용하면 3개의 input 태그는 수직으로 가운데 정렬이 되는데, 나머지 img 태그는 위쪽으로 붙어 버린다. img 태그에 padding 이나 margin 스타일을 먹여도 요지부동. - 역시 구관이 명관이라고, table 태그로 전환하면 해결이 되는데.. 만약 td 태그 안에 여러 내용이 혼합되어 사용된다면 td 태그에 속성을 더 설정해 주어야 한다. - 아래와 같이 vAlign 속성을 middle 로 주거나, align 속성에 middle 을 주면 해결. vAlign 에 middle 을 주거나 align 에 center 를 주는 것은 봤지만, align 에 middle 을 준다꼬..? 한번 해 보시라. 그런데, 코드가 복잡해 졌다.. 이거는 조금 곤란해 졌네.. 크윽. - 다시 div 형..