innerhtml 7

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

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

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

input 태그에 값 넣기, Object.value, innerText, innerHTML

Ajax 로 받아온 값을 innerHTML 을 이용해서 div 나 span 에 입력하는 것은 많이 해 보셨을텐데요.. 물론, textarea 에도 이와 같은 방식이 잘 먹혀 들어갑니다. 그러면 Ajax 로 받아온 값을 input 에는 넣어 보셨나요..? 어디 한번, 테스트 해 봅시다. 코드는 아래와 같습니다. 자 .value 를 이용하여 값을 넣어 봅니다. 값이 '1' 들어가 있네요.. 그러면, .innerText 로 해 볼까요.. 역시나, '2' 들어가 있네요.. 이제 마지막으로 .innerHTML 을 해 볼까요.. 엇, 이게 뭡니까.. '알 수 없는 런타임 오류' 라고 나오네요.. div 나 span, textarea 에서는 볼 수 없던 오류가 나왔습니다. 따라서, text 타입의 input 에 값을..

innerHTML 에 태그값을 넣을때 주의하세요. innerHTML 은 웹브라우저가 XML DOM 구조로 이해를 합니다.

아래 코드가 웹브라우저를 통해 보여질때, '체크' 라는 단어가 빨간색으로 보이면서 클릭을 했을때, "보이시나요..?" 라는 문구가 나왔으면 좋겠죠..? 그런데, 실은 그렇게 나오지 않지요. 보이는지 알려 주세요. 글쎄 잘 보이는지요..? 화면에서야 아래와 같이 잘 표시됩니다. 그러나, 빨간색 '체크' 문자를 클릭해도 이렇다 할 반응이 없지요. 그런데, innerHTML 에 넣기 전에 미리 문자열을 만들면 생각했던 대로 제대로 돌아갑니다. 보이는지 알려 주세요. 글쎄 잘 보이는지요..? 아래 그림을 보면 알겠지만, div 태그에 style 옵션으로 글자색을 적색으로 만들었는데, a 태그의 기본 스타일이 반영된 것을 알 수 있습니다. (참고로, 아래 이미지는 한번 클릭했을 때이고, 이전에는 파란색이었음) 자..

Ajax 사용할 때 알아 두면 편리(?)한 4가지 이야기

별도의 프레임 웍을 사용하지 않고, 기본적인 Ajax 를 다룰때 유념해야 할 몇가지 사항이 있다. 첫째, Ajax 로 불려지는 웹페이지와 Ajax 로 불러오는 웹페이지의 프로토콜이 같아야 한다. 둘째, 스타일시트와 자바스크립트의 정의는 Ajax 에서 하지 않는다. 셋째, Get 방식과 Post 방식을 사용할때 둘 간에는 약간의 차이가 존재한다. 넷째, Ajax 는 파라미터를 주고 받을때 UTF-8 을 사용한다. 자, 이제 이야기를 시작해 보자. 우선 첫번째 프로토콜. 여기서 말하는 프로토콜은 웹에서 사용하는 HTTP 와 HTTPS 를 말하는 것이다. A.jsp 가 Ajax 기술(?)을 사용하여 B.jsp 를 불러올때, A.jsp 가 HTTP 이면 B.jsp 도 HTTP 로 불러오고.. A.jsp 가 HT..

MS 에서 권장하는 DHTML 자바스크립트 튜닝 12단계

마이크로소프트 개발자 네트워크에서 옮겨온 내용입니다. 자식들 한국어로는 왜 안 해 놓는건지. 그래도 튜닝 기법이 괘씸(?)해서 옮겨 봅니다. 써니루루 님이 링크를 걸었길래 들렀다가 발견했습니다. 각 단계를 시시콜콜 번역하지는 않았습니다. 번역하면 의미가 달라지는 것같습니다. 다만 설명을 달았습니다. 그리고 유의할 것은 자바스크립트를 튜닝하는 것이지, 웹서버나 네트워크 쪽을 튜닝하는 것이 아니라는 점입니다. 개개인에 따라 PC 성능이 다르고 같은 PC 라도 주인장 나름으로 성능이 다르죠. 그래서, 빠른 PC 에서는 어쩌면 이런 튜닝이 무의미한 것인지도 모릅니다. 하지만, 겁나 느린 PC 를 생각한다면 이런 튜닝이 아주아주 의미가 있습니다. "이런걸 뭣하러 튜닝해" 하지 마시고, 느린 PC 를 가진 불쌍한(..