본문 바로가기

HTML13

Ajax를 이용한 화면 깜빡임없는 refresh 함수 function refreshPage(printID, pageUrl, delay, _method) { var update = new Ajax.PeriodicalUpdater( {success: printID}, // 실행이 성공하여 정상적으로 결과가 반환 되었을 때 decodeURIComponent(pageUrl), //refresh할 pgae를 uft8로 바꾼다, pageUrl+'?utf8=1'도 가능 { method: _method, // GET/POST 방식으로 전송 //parameters: , frequency: delay, // refresh되는 second decay: 1 } ); } refreshPage(info, data.html, 10, get) // id=info 인 곳에 data.ht.. 2011. 3. 13.
div, span 태그의 차이점 width를 입력하지 않았을 경우 div는 주어진 가로폭을 전부 차지하고 span은 그렇지 않다. div입니다. div입니다. span입니다. span입니다. 또한 div는 폭과 높이를 지정할 수 있지만 span은 그렇지 않다. div입니다. 폭과 높이를 가졌습니다. div입니다. 폭과 높이를 가졌습니다. span입니다. 폭과 높이가 적용되지 않습니다. span입니다. 폭과 높이가 적용되지 않습니다. text-align, float 등의 속성도 마찬가지로 block-level인 div에만 적용할 수 있습니다. 억지로 속성을 넣어봤자 효과는 전혀 없고, 웹 표준만 어기는 결과를 가져온다. 위 첫 번째 성질로 인해 div는 필연적으로 줄 바꿈을 동반한다. width 속성을 주어서 폭을 줄여도 나머지 공간은 .. 2011. 3. 2.
깜빡이지 않는 refresh를 위한 iframe과 innerHTML 사용하기 히든 iframe과 innerHTML 을 사용하여 값 갱신하기. 여기서 중요한건 첫번째 파일의 13 라인과 두번째 파일의 20, 33 라인이다. 아래와 같이 시간만을 갱신하는 것이면 구지 iframe을 사용하여 두개의 파일을 만들 필요가 없지만 페이지를 refresh 해야지만 값을 받아오는 코드가 있을 경우에는 다음과 같이 파일을 두개 만들어서 하나의 파일을 초 단위로 refresh 시키고 상위의 값을 갱신할 수 있다. 2011. 3. 2.
html 링크 새창으로 열기 html 링크 새창으로 열기 test page 2011. 1. 26.