본문 바로가기

Programming/Web41

JavaScript, jQuery, AJAX 강좌 모음 AJAX 가 웹 기술의 대세로 떠오르면서, Javascript 언어에 대해 새로운 접근들이 시도되고 다양한 AJAX 및 자바스크립트 라이브러리들이 출시되었습니다. 많이 쓰이니까 쉽게 쓸 수 있도록 하는 방법들이 나오는 건 당연하겠죠. Script.aculo.us, Prototype.js , MooTools , jQuery, YUI ( Yahoo UI Library ) 등등.. 수 많은 Javascript 라이브러리중 최근의 대세는 jQuery – http://jquery.com/ 입니다. Google Trends를 통해서 위의 Script 라이브러리들을 비교해보면 이렇습니다. http://google.com/trends?q=jquery+%2C+script.aculo.us+%2C+prototype.js+%.. 2012. 1. 16.
스마트폰(모바일)용 웹 자동이동 0) { // 안드로이드 result = true; } else if (browser.indexOf("iphone","iPod","PPC") > 0) { // 아이폰등등.. result = true; } if (result == true) { response.sendRedirect("이동할경로"); } %> 0 Then Response.Redirect("이동할경로") Exit for End If Next %> 2012. 1. 12.
실전 HTML5 가이드 / 실전 웹표준 가이드 B5 인쇄용 출처에 가면 동영상 강의도 있다. 출처 : http://webstandards .or.kr/html5 2011. 11. 4.
Ajax 깜빡임 없는 refresh coding language="javascript" src="jslb_ajax.js">language="JavaScript" type="text/JavaScript">  function on_loaded( oj ){    value = decodeURIComponent( oj.responseText );  }  function timerProc(){    //current_status.html 에 갱신하고자 하는 value가 있다.    sendRequest( on_loaded,'','GET','current_status.html',true,true );    //id가 ttt 인 곳에 value를 refresh 시킨다.    document.getElementById( 'ttt' .. 2011. 4. 4.
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.
Javascript - Ajax Prototype.js 1. Ajax.Request Prototype에서 제공하는 Ajax 래핑 매서드중에 가장 기본적인 메서드입니다. Hash 타입의 옵션을 줄 수 있고 onComplete, onSuccess같은 Ajax 콜백 함수를 제공합니다. Javascript타입의 결과가 리턴될 경우에는 해당 JS를 자동으로 실행하여 주기도 합니다. Ajax의 옵션은 뒤에 설명하겠습니다. 기본적인 예제를 한번 볼까요? var url = '/proxy?url=' + encodeURIComponent('http://www.google.com/search?q=Prototype'); new Ajax.Request(url, { // GET 방식으로 전송 method: 'get', // 실행이 성공하여 정상적으로 결과가 반환 되었을 때 onSuc.. 2011. 3. 12.
Ajax Prototype.js 를 위한 개발자 노트(한글문서) Ajax Prototype.js 를 위한 개발자 노트(한글문서) http://openframework.or.kr/framework_reference/prototype_js/1.5.0/prototype.js.html 2011. 3. 3.
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.

티스토리툴바