프링글이 하는 이야기

알려진 JavaScript Framework(Library) 중 최근 가장 주목을 받고 있는 것중의 하나가 jQuery로 흥미롭게 살펴보고 있다. 이전 포스트의 내용과 새로운 내용을 포함하여 정리한다. [HOME] jquery.com [UI] ui.jquery.com ui.jquery.com/themeroller/ [PLUG-IN] plugins.jquery.com [PPT] presentation - jQuery for Designers [HOWTO] - visualjquery.com - Beginner jQuery Tutorials - 5 jQuery Questions... and Answers - 5 More jQuery Questions... and Answers - How to Load In a..

mootools 기반의 MorphList 라는 mootools plugin. Flash Navigation 메뉴 효과와 같이 동적인 효과를 간단하게 구현 할 수 있다. mootools 를 기반으로 하지만 jQuery 를 이용하여 똑같이 구현한 라이브러리(lavalamp - http://www.gmarwaha.com/blog/?p=7) 도 있다. morphList를 이용한 메뉴 이미지 (From morphList Demo Site) 공식 싸이트 주소 : http://devthought.com/morphlist/ 첨부화일 : morphlist.js

mootools를 기반으로 한 간단한 슬라이드 쇼!! (* mootools는 js fw로 자세한 정보는 '이곳' 에서 확인하세요) 매우 간단한 코드 몇줄로 슬라이드 생성이 가능합니다. *예제코드.. . . . . . Loading Melbourne Buenos Aires Urubamba London Venice Paris Osaka 위의 예제코드로 인해 생성된 슬라이드 쇼 공식 출처 : http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/ 미국 2008 대선후보 바락오바마 의원 공식싸이트 메인 에도 적용 되어 있습니다 : http://www.barackobama.com/index.php 첨부화일 : barackslid..

MooTools도 $()를 사용한다. Prototype도 $()를 사용한다. jQuery도 마찬가지이기에 충돌이 발생한다. jQuery.noConflict(); 한줄 추가하고 $ 대신 jQuery 사용!

다음소프트 인턴십하면서 맡게된 업무는jQuery 를 이용한, Ajax 를 사용하는 차트 UI 구성이다.그럼 jQuery 가 대체 모냐... 알아보자.The Write Less, Do More, JavaScript LibraryjQuery 홈페이지의 타이틀이다.jQuery 를 가장 잘 설명하는 문장인거 같다.코드는 적게 쓰고, 더 많은 걸 해보자는거다. 몰로 ? 자바스크립트 라이브러리로.jQuery 는 새로운걸 하는 것은 아니다.(새로워 보이는건 있지만.. 내부를 뜯어보면 아예 새로운게 짠. 나타난건 아니다.)기존에 자바스크립트로 하던 것들을 하는데 좀 편하게 해보자는거다.모든지 개요를 살피기 전, 써볼까 말까 고민할 때는 결과물을 보면 된다.쌈박한 결과물 하나 보자.jQuery ThemeRollerjQu..

readyState 프로퍼티는 Ajax 요청의 현재 상태를 나타냅니다. 프로퍼티의 값은 숫자 입니다.Ajax 기술의 핵심 객체(사실 이 객체만 생각해도 무방) 인 xmlhttp 가 가지는 property 인데 이 property 는 상태를 나타내는 프로퍼티이고 간단히 숫자로 현재 xmlhttp 객체의 상태를 나타냅니다.0 : 처음으로 xmlhttp가 생성된 상태를 말합니다. 1 : 열기. open 메소드가 호출되었으나 send 메소드는 호출되지 않았음. 2 : 송신완료. send 메소드가 호출되었음. 요청이 시작되었음. 3 : 수신 중, 서버가 응답을 보내는 중임. 4 : 수신완료. 서버가 응답을 다 보내고 작업을 완료했음var xmlhttp = getXMLHTTP () ; --> readyState =..

AJAX 예제코드 및 데모들 Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell AJAX - microlink pattern tutorial : A microlink is a link that opens up content below it. Ajax BBC News RSS Reader : demo by Nigel Crawley AJAX Chat in Python with Dojo : at AquaAjax Ajax Chess : multiplayer chess Ajax examples at BackBase : examples demonstrating several aspects of the Backbase technology. Ajax ex..

Ajax와 DOM 스크립팅을 쉽게 하는 방법... 전문을 보시려면 "요기" 를 눌러주세요.

1. 비동기 자바스크립트 XML 기술이 뜨고 있다. 비동기 자바스크립트 XML 기술이 뜨고 있다.Ajax는 'Asynchronous JavaScript + XML'의 줄임말로, 뜻은 '비동기 자바스크립트 XML'이다. Ajax는 자바스크립트 렌더링 엔진을 이용한 기술로, Ajax를 이용할 경우 플래시나 액티브엑스(ActiveX) 의존도를 많이 벗어날 수 있다. 대표적으로 구글과 야후, 아마존 등의 여러 서비스에서 Ajax 기술을 활용하고 있다. 이들 사이트의 서비스는 액티브엑스를 사용하는 사이트와 달리 윈도의 익스플로러가 아닌 다른 운영체제나 브라우저에서도 사용할 수 있다. 'Ajax'라는 낱말은 제시 제임스 가렛(Jesse James Garrett)이 2005년 2월 18일 쓴 'A New Approa..

http://www-128.ibm.com/developerworks/kr/library/wa-ajaxintro1.html Ajax 마스터하기, Part 1: Ajax 소개 (한글) Ajax 마스터하기, Part 2: JavaScript와 Ajax를 이용한 비동기식 요청 (한글) Ajax 마스터하기, Part 3: Ajax의 고급 요청 및 응답 (한글) Ajax 마스터하기, Part 4: 웹 응답에 DOM 활용하기 (한글) Ajax 마스터하기, Part 5 : DOM 다루기 (한글) Ajax 마스터하기, Part 6: DOM 기반 웹 애플리케이션 구현 (한글) Ajax 마스터하기, Part 7: 요청과 응답에 XML 사용하기 (한글) Ajax 마스터하기, Part 8: 요청과 응답에 XML 사용하기 O'R..

에휴...뭐라 드릴말씀이 없을정도로 바쁘네요.... 여기 주인장도 맨날 옆에서 일하느라 죽어나고....저도 요즘 눈코뜰새없이 바쁘고.... 일이 좋아라 한다고는 하지만......ㅠ.ㅠ 가끔은 울고 싶을정도의 일이 몰려드는...흑흑..... ㅡㅡ;죄송합니다..갑작스럽게 푸념을...ㅎㅎㅎ 좀힘들더라도...제가 해본내용은 올려보지요~~^^물론 회사에서 써먹었던거구요...^^ 우선 기본적인 폼부터 알아보죠..뭐...대부분 이글을 읽고 계신정도면...ASP의 기본은 아실꺼라..굳게 믿기때문에 ASP에 관한 자세한 내용은 안올리겠습니다....물론 ASP부분은 정말(무쟈게..)가벼운정도로만 씁니다...ㅋㅋ(다 초보잖아요..나도 그렇고..^^) 또...잡소리가..ㅡㅡ; 우선 기본적인 폼을 놓습니다. 정보입력 이름적고 ..

출처: http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=ajax&wr_id=435&page=1 ajax를 쓸때 POST와 GET이 내부적으로 문제 되는 점을 이야기 해 보겠습니다... post와 get의 기본적인 차이점은 이야기 하지 않겠습니다. ajax로 페이지 요청을 하는 경우, 보통 시간을 넘기게 됩니다. 이유는 캐싱되기 때문이죠. 파라메터의 차이 없이 request하면 기존 페이지와 동일하다고 보고 클라이언트 내에 있는 인터넷임시파일을 사용합니다. 그래서 인자를 항시 바꿔주기 위하여 인자중에 유닉스시간 같은것을 보내주면 매번 바꿔주는겁니다. 그런데 여기에서..get방식을 쓸 경우에 한가지 문제점이 있습니다. request 받은 페이지가 인터넷..

이 예제를 받아서 분석해 보시면, ajax와 struts를 이해하는데 큰 도움이 될 것 같아서 올립니다. progress bar 상당히 깊은 곳까지 알어야 구현 가능함을 이 예제소스를 보고 느꼈습니다. DWR 은 Ajax를 쉽게 이용할 수 있게해주는 유용한 라이브러리를 제공해 줍니다. script에서 java class의 함수를 가져다 쓰는 놀라운 힘을 경험하실 것입니다. 여러가지로 응용해 볼 수 있을거라 생각합니다. 아직도 업로드시 temp file name을 지정하는 방법은 찾지 못했습니다. struts 1.1 version 이하에서는 DiskMultipartRequestHandler로 temp file을 지정된 이름으로 지정할 수 있었던 것 같습니다. 그 이후 버전은 이 클래스가 deprecated..

익스플로어 화면을 리플레쉬 없이 2초나 3초 간격으로 리플레쉬를 할때, ajax를 쓰지 않던 시절은 웹브라우져가 번쩍 거릴수 밖에 없었습니다.. 저도 예전 2001년도에 웹BBS에서 쪽지 주고 받기를 구현할때, 프레임을 높이 0으로 숨겨놓고, 자바스크립트로 10초 간격으로 db에서 체크해서 쪽지가 왔나 안왔나느체크한 적이 있었습니다. 하지만, 지금은 2006년! ajax를 쓰면, 이제 그런 꽁수를 쓰지 않아도 됩니다. 간단한 테스트로 예를 들어 보겠습다. ajax.html data.php 2개의 파일을 사용하겠습니다. ajax.html은 2초간격으로 리플레쉬를 합니다. 이 파일은 data.php을 호출을 하게 되는데, data.php는 mysql의 회원관리 테이블에서 사용자Id와 이름을 찍는 php소스입..

음 이참에 ajax와 json으로 사이트를 구현하다가.. 만든 javascript 입니다. 혼자서 구현하다 보니.. 단점도 있고 해서.. 같이 해 같으면 하는 바램에서 올려봅니다. 이 스크립트는? 비동기식과 동기식을 모두 지원합니다. 함께 하실분은 저에게 이메일을 주신다면 감사.~! ^^ var debugEngine = false; function Engine() { this.xmlhttp = false; this.type = null; this.src = null; this.param = null; this.exec = null; this.ifrcnt = 0; this.iswait = false; //동시에 두개가 호출되었다면 /* * AJAX 기본 클래스 함수 * type : GET, AGET, PO..

Ajax를 사용한amazon검색을PHP로 만들자 상열쇠 츄우시 호라이즌·디지털·엔터프라이즈 2005/10/4 Ajax는 금년 매우 핫인 화제의 기술이다. ＠IT(을)를 시작해 다양한 곳에서도Ajax에 대한 기사가 눈에 띄게 되었다. 여기에서는 , 필자가 종사하고 있는PHP근처에서의Ajax의 움직임에 대해 소개해 나가고 싶다. 주목의Ajax Aajax(와)과는 「Asynchronous JavaScript + XML」의 약어이다. JavaScript네원않고와 알려진 클라이언트(통상 웹 브라우저) 사이드의 기술이며 , 거기로부터XMLHttpRequest라는 것을 이용해 , 페이지 추이를 하지 않고 서버/클라이언트간에 자꾸자꾸 데이터 교환을 해 나가는 기술이다. 이것과DHTML를 병용 하는 것으로 이른바Ajax..

AJAX 강의에 들어가기 앞서 본 AJAX 강의 시리즈는 Foundations of Ajax / Ryan Asleson and Nathaniel T. Schutta 의 책을 기본으로 작성할 것임을 먼저 밝혀 둔다. 강의 수준 및 난이도는 되도록 책의 기준에 맞춰질 것이다. 책에 수록된 내용과 예제가 주를 이루겠지만 단순한 번역 차원이 아닌 비판적 시각으로 AJAX 를 해부할 것이다. 모든 글은 본인이 직접 읽고 예제를 실행한 결과를 토대로 씌여질 것이며 개인적인 의견 및 다른 참고자료도 같이 곁들여 질 것이다. 지금 강의를 준비하고 있는 이 시점에도 Ajax 관련 오픈소스 프레임웍과 툴들이 하루가 다르게 쏟아져 나오고 있다. 그 중에는 자바스크립트를 모르더라도 Ajax 및 Rich Client 를 구현할..

============================================================================= ====== Ajax 관련 자주 방문해야 하는 싸이트 ======== ============================================================================= http://ajaxian.com/ http://ajaxpatterns.org http://ajaxmatters.com/r/welcome http://ajaxblog.com/ http://labs.google.com/ http://www.adaptivepath.com/ http://www.37signals.com/ http://www.oreilly.com/ ht..

내가 처음 만들어 본 ajax를 이용한 검색어 자동완성 모듈입니다. 네이버나 기타 포털 사이트에서 사용되는 방식으로 나름대로 분석하여 개발된 모듈입니다. 필요하신분들 가져다 유용하게 사용해 주시길 바랍니다. 더불어 버그나 문제점이 발견되면 알려주시구 더 좋은 모듈이 있음 같이 공유하도록 하지요^^ 첨부 파일을 참고해 주세요!! * 파일설명 - auto_word.html : 메인 html 파일 - ajax_common.js : ajax cofig 파일 - favorite_word.php : 단어 추출 PHP 파일 - 데이터.csv : 자료 파일

- svrtime.htm - svrtime.php - svrtime_ajax.js 첨부문서 참고!!