728x90 반응형 jquery8 jQuery를 이용한 데이터 검색 요즘 일도 하기 싫고~뭐 하기도 싫어서 포스팅을 미루다 무리드 오랜만에 포스팅을 한다~ㅋㅋ 오늘은 jQuery를 이용하여 데이터를 검색 하는 방법을 알아보자~ 데이터를 검색 하는 방법에는 여러 가지가 있다. 우선 검색어를 데이터 베이스로 post나 get으로 던저서 값을 받아오는 방법, ajax를 이용하여 데이터를 받아 오는방법. 하지만 이러한 방법들은 서버에 다녀와야 하기때문에 속도가 많이 떨어진다. 그래서 생각해본건데...이미 로딩된 데이터를 가공해서 데이터를 불러오면 어떨까? 하는 생각. 뭐 이미 이런비슷한 기능들은 많이 있지만 찾기도 귀찮고 남의 소스 분석하는 것도 귀찮아서 걍 내가 만들어 버렸다 -_-;;;(만드는게 더 귀찮겠다 -_-) 우선 여기서 필요한 기능은 jQuery의 selector기.. 2010. 10. 7. jQuery.UI를 이용하여 디자이너 없이 Website 만들기 - 버튼 및 테이블 음. 제목에는 테이블 예제라고 썻지만, 정확히 말해서 여기에 사용된 UI는 button뿐이다... 그렇다고 낚였다고 너무 화들내지 마시고... css소스 다 줄터이니... 우선 예제 화면 부터 확인하고 가자. 여기에 사용된 UI는 Button 및 Icon이다. Button에 관한 자세한 내용은 http://jqueryui.com/demos/button/ 에서 확인 가능하다. 이제 소스를 보면서 하나하나 알아보자 1. HTML 가. Header 나. Body Search: Search Import Export Insert Web Inventory - Ver.1.0.1. No. Quantity Unique Code SeliniNY Boxed-Gifts Angelic Rise NetSol Amazon eBay.. 2010. 8. 18. JQuery.UI Google Code Link jQuery.UI를 일일이 다운받아서 서버에 설치해서 사용하기도 귀찮고, 그냥 링크를 걸어서 사용하자 File Downloads Development Bundle: http://jquery-ui.googlecode.com/files/jquery-ui-1.8.4.zip Themes Package: http://jquery-ui.googlecode.com/files/jquery-ui-themes-1.8.4.zip Svn (contains final files as they are in the zip, with @VERSION replaced with 1.8.4, all themes) Tag: http://jquery-ui.googlecode.com/svn/tags/1.8.4/ Themes: http://jq.. 2010. 8. 17. JSON in jQuery 오랜만에 IT관련 포스팅을...ㅎㅎ 요즘 정말 jQuery가 인기가 하늘을 찌르는 듯 합니다. 아마도 asp.net에서 지원을 해서 그런가요?ㅎㅎㅎ 제가 처음 jQuery를 시작할때 에는 prototype이 앞찌르고 있던거 같던데.. 어느세 역전이 됐네요 ㅎㅎ 잡설은 이제그만...ㅎㅎ jQuery를 쓰면서 가장 많이 쓰는 데이터 형이 JSON이 아닌가 생각 합니다. 자 그럼 jSon에대해서 한번 알아봅시다. 1. What is JSON..(제이슨? ㅎㅎ 우리팀 팀장님 이름인데 ㅋㅋ) JSON(제이슨, JavaScript Object Notation)은, 인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법이다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다. -.. 2010. 6. 16. Tip: jQuery의 Ajax를 이용한 파일 읽어오기 미국이란 나라에와서 이상한 짖을 참 많이 한다 -_-; 그중 하나가 서버 스크립트는 전혀 못 쓰고 javascript를 이용해서 해야 하는 프로그램을 만들어야 할일이 참 많다... 엊그제 미션하나가 떨어졌다.. html페이지에 있는 image파일을 읽어오고 링크를 따라가서 다음 페이지를 읽어오고...이상한 노가다.. 만약 내가 DB만 엑세스 할 수 있다면 금방 끝났을 일을... 그래서 삽질도중 한가지 스치고 지나가는 생각..ajax의 응용.. 우선 코드 먼저. $(document).ready(function(){ GetNextAddress("http://storyofdream.tistory.com/72"); }); function GetNextAddress(url) { $.ajax( { url: url,.. 2010. 4. 29. JQuery Selector 오랜만에 포스팅~! JQuery Selector~!!! 내가 JQuery를 쓰면서 가장 많이 사용하는 기능이 아닌가 한다.. 보통 Javascript를 통해서 선택을 하기 위해서는 document.getElementsById("~~"); 이런식??ㅎ 하도 안써서 기억도 안난다 -_-; 하지만!! JQuery를 사용하면 $('#ID') 간단하지 아니한가!! 또 한, 선택의 폭도 다양하다~ ID, Class, ChildeNode 등등.. 자~하나씩 알아보자! 1. ID를 이용한 선택 가장 간편하고, 쉽게 사용 할 수 있는방법! 이와 같이 태그에 ID값이 있을 경우 그 id값을 이용해서 찾는 방법이다. var myDiv = $('#div1'); 요정도! 2. ClassID를 이용한 선택 이와 같이 태그의 Cl.. 2010. 4. 17. jQuery.UI 사용 안녕하세요~ 오랜만에 컴퓨터 관련 포스팅을 하네요. 현재 시간은 미국시간 새벽 1시50분입니다. 오늘 워싱턴으로 벗꽃놀이 가는데....설레어서 일찍 잠에서 깨어 버렸네요 -_-; 각설하고...jQuery.UI에대해서 말해 봅시다~ㅎ jQuery.UI란? jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. 이라는 군요...(영어 울렁증이...T.. 2010. 4. 3. jQuery란.. ※ 화면 크게 보시려면 클릭! jQuery 에 대해서 막상 쓰려니까..쓸 말이 없다 ㅠㅠ 내 문장실력이 않좋아서 그런가..?ㅠㅠ 여기에 쓰는 이야기는 지극히 개인적인 생각이기때문에..악풀은 달지 말아주세요~ㅋㅋ(맘이 여려서..ㅠ) 잘못 되있는 부분이있으면 지적해 주시면 수정할께요~(과연 누가볼까?ㅋㅋ) jQuery is a new kind of JavaScript Library! jQuery..쉽게 말하면 Javscript Framework이다. 우리가 쓰는 자바스크립트 언어를 사용자가 좀더 쉽게 접근 할 수 있게 만들어 놓은..뭐 그런거? 여기서, jQuery를 쓰면 좋은 이유를 알아보자. 1. 정의 Javscript Framework 더이상 마땅히 쓸말이 없다 ㅠㅠ 2. 장점 사용의 편리성 - 코딩양.. 2009. 3. 12. 이전 1 다음 728x90 반응형
