linuxism

CSS - !important (0)	2012.05.31
CSS - Font-Weight (0)	2012.05.30
css - 마우스 오버시 변하는 버튼 (3)	2012.05.29
css - 드롭다운 메뉴 (0)	2012.05.29
CSS - 선택자 (0)	2012.05.23

Test jQuery Version : 1.3.2
제작 : http://projects.allmarkedup.com/jquery_url_parser/
용도 : URL을 파싱하여 처리할 수 있다.
사용법 :
<html>
<head>
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.url.js"></script>
<script type="text/javascript" language="javascript">

     var str;
   str = $.url.attr("source"); // URL
    alert("URL : " + str);
   str = $.url.attr("protocol"); // 프로토콜, http, https, file, ftp...
    alert("PROTOCOL : " + str);
     str = $.url.attr("host"); // 호스트, www.daum.net, localhost...
   alert("HOST : " + str);
   str = $.url.attr("port"); // 80, 8080...
     alert("PORT : " + str);
     str = $.url.attr("query"); // QueryString으로 넘어온 변수 및 값, a=1st&b=2nd&c=3rd
    alert("QUERY : " + str);
    str = $.url.attr("file"); // 파일이름, test.htm, index.htm
     alert("FILE : " + str);
     str = $.url.attr("anchor"); // 페이지내 링크를 연결하는 hash(#) 태그의 값
     alert("ANCHOR : " + str);
    str = $.url.attr("path"); // 파일경로, /folder/dir/index.html
     alert("PATH : " + str);
    str = $.url.attr("relative"); // URL 상대경로, /folder/dir/index.html?a=1&b=2
    alert("RELATIVE : " + str);
   str = $.url.attr("directory"); // 디렉토리, /folder/dir
    alert("DIRECTORY : " + str);

    // QueryString이 a=1st&b=2nd&c=3rd 일 경우
    // 변수로 가져올 때 param을 사용한다.
     str = $.url.param("a"); // 1st를 반환한다.
    alert(str);

    // PATH가 /folder/dir/index.html?a=1&b=2 일경우
   // 인덱스를 이용 값을 가져올 때 segment를 사용한다.
     // /folder/dir/index.html?a=1&b=2 일경우
    str = $.url.segment(2); // dir를 반환한다.
     alert(str);

     // 문서에는 없지만, 인증정보가 다음과 같이 URL에 붙는 경우에도
    // 값을 가져올 수 있다.
    // http://usr:passwd@www.test.com:81
   // $.url.attr("user") // usr을 반환한다.
    // $.url.attr("password") // passwd를 반환한다.
    // $.url.attr("userInfo") // usr:pwd를 반환한다.
    // $.url.attr("authority") // usr:passwd@www.test.com:81를 반환한다.

</script>

</head>
<body>
* 값이 없을 경우 null을 반환한다.
</body>
</html>

출처 - http://moogi.tistory.com/71

저작자표시

'Development > jQuery' 카테고리의 다른 글

jQuery - 선택자 (0)	2012.06.03
jQuery - 마우스 오른쪽 버튼 (0)	2012.06.03
jQuery - 플러그인 모음 (0)	2012.05.29
jQuery - Url Parameter 추출 (0)	2012.05.29
jquery - function 사용법 (0)	2012.05.23

Posted by linuxism

,

jQuery - 플러그인 모음

Development/jQuery 2012. 5. 29. 14:49

-light box(이미지 미리보기,pre,next) : http://leandrovieira.com/projects/jquery/lightbox/

-이미지 싸이클 : http://www.malsup.com/jquery/cycle/

-BlockUI Plugin(processing,처리중 등등,confirm) : http://www.malsup.com/jquery/block/#element

-UI Modal : http://jquery.com/demo/thickbox/

-플래쉬 플러그인 삽입 : http://jquery.lukelutman.com/plugins/flash/#examples

-Photo Slider Tutorial : http://opiefoto.com/articles/photoslider#example

-jScrollPane : http://kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

- unobtrusive tabs(탭메뉴) : http://www.sunsean.com/idTabs/#t3

-jQuery Form Plugin : http://malsup.com/jquery/form/#code-samples

-jquery.suggest, an alternative jQuery based autocomplete library(자동완성)
http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/
http://nodstrum.com/2007/09/19/autocompleter/

-Masked Input Plugin : (입력포맷 확인)

http://digitalbush.com/projects/masked-input-plugin
http://www.appelsiini.net/projects/jeditable/default.html

-Overlabel with JQuery(박스안에 워터마킹처리) : http://scott.sauyet.com/Javascript/Demo/Overlabel/

-Styling an input type="file"(파일찾기 이미지 처리)
http://www.quirksmode.org/dom/inputfile.html

-jQuery UI Datepicker v3.0 Examples(달력)
http://marcgrabanski.com/code/ui-datepicker/

-jQuery Validation Plugin(폼체크,포커싱)
  http://www.texotela.co.uk/code/jquery/focusfields/

-jQuery columnHover plugin(컬럼 하이라이트/컬럼 컨트롤)
  http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html
  http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html

-tablesorterDocumentation(테이블 순서)
http://tablesorter.com/docs/index.html

-jQuery Accordion Demo(컨테이너 예제) - 좌측메뉴 쓰면 좋을만함
http://jquery.bassistance.de/accordion/?p=1.1.1

-jQPanView based in jQuery 1.1(이미지 확대보기)
http://projects.sevir.org/storage/jpanview/index.html

-jQuery Impromptu(confirm,alert 등등)
http://trentrichardson.com/Impromptu/

-jqGrid Examples(그리드) 관리자페이지로 쓰면 좋을화면구성
http://trirand.com/jqgrid/jqgrid.html#

-Toggle HTML-Elements with jQuery
http://jquery.andreaseberhard.de/toggleElements/

-UI/Sortables(테이블 위치변경 ^^)
http://docs.jquery.com/UI/Sortables

-로컬 스크롤러
http://www.freewebs.com/flesler/jQuery.LocalScroll/

-슬라이더
http://docs.jquery.com/UI/Slider/slider

-쇼핑카트
http://www.mimul.com/pebble/default/2007/10/30/1193753340000.html

-테이블 소트
http://www.mimul.com/pebble/default/2007/11/06/1194348600000.html

-이미지 나중에 로딩시키기
http://www.mimul.com/pebble/default/2007/11/10/1194695220000.html

-오토탭(입력시 폼객체 자동넘김)
http://dev.lousyllama.com/autotab/

-실시간 폼객체 수정
http://www.appelsiini.net/projects/jeditable/custom.html

-차트
http://www.reach1to1.com/sandbox/jquery/jqchart/

-CSS Dock Menu (Jquery + CSS)
후니넷에서 보삼
-툴팁
http://www.codylindley.com/blogstuff/js/jtip/

-XML데이터 뿌리기

http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html
http://www.mimul.com/pebble/default/2006/11/05/1162710000000.html

-Clearing Form

http://www.learningjquery.com/2007/08/clearing-form-data

--암호 복잡성 체크

http://phiras.googlepages.com/PasswordStrengthMeter.html

--GetString 퍼라미터 가져오기
http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/

--파일 업로드(input=file) 리폼
http://www.appelsiini.net/projects/filestyle/demo.html

웹디자인 템플릿트(2.0)
http://www.templateworld.com/free_templates.html

^^ AJAX CALLING --활용가능성 높음
http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/

--AJAX 아이디 중복체크 - 활용가능성 아주높음
http://www.shawngo.com/gafyd/index.html

^^Simple tableSorter(리스트 정렬) 활용가능성 중간
http://motherrussia.polyester.se/docs/tablesorter/

^^죽이는 어코디언 메뉴

http://dev.portalzine.de/index?/Horizontal_Accordion--print

^^ AJAX Indicator 이미지
http://qureyoon.blogspot.com/2006/11/make-your-own-loading-gif.html

----------------------------------------
2007.12.28 찾은것
----------------------------------------
http://rikrikrik.com/jquery/quicksearch/#usage

http://host.sonspring.com/portlets/
http://jquery.andreaseberhard.de/toggleElements/
http://www.getintothis.com/pub/projects/rb_menu/
http://icon.cat/software/iconDock/0.8b/dock.html

http://rikrikrik.com/jquery/shortkeys/#examples
http://rikrikrik.com/jquery/pager/#examples
http://defunkt.io/facebox/ --라이트박스같은것
http://www.andreacfm.com/

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html - 뉴스 스크롤

http://www.laptoptips.ca/projects/tinymce-advanced/ --Open Source WYSWYG 웹 에디터 advanced

http://www.digital-web.com/extras/jquery_crash_course/ -jquery로 만든 비행 예약 시스템 데모(Passenger Management )

http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html?page=2 -jquery와 XML

http://extjs.com/deploy/dev/examples/tree/two-trees.html --트리
http://www.amcharts.com/column/ - 차트(바로 사용^^)
http://particletree.com/features/rediscovering-the-button-element/ - 버튼 스타일링
http://www.i-marco.nl/weblog/jquery-accordion-menu/ - 실용성 높은 어코디언 메뉴

http://www.sastgroup.com/jquery/240-plugins-jquery
http://jquery.bassistance.de/jquery-getting-started.html

2011.04.11 찾은 jQuery Plugin

http://www.ajaxline.com/best-jquery-plugins-february-2011

01.업로드

01-01.jQuery File Upload
기능 : 프로그래스바, 취소, 파일크기, 삭제, Drag&Drop
http://aquantum-demo.appspot.com/file-upload

01-02.Ajax Upload
기능 : 프로그래스바, 취소, 파일크기, Drag&Drop
http://valums.com/ajax-upload

01-03.uploadify
기능 : 프로그래스바, 취소, 파일크기
제약사항 : 플래시 사용 필수
http://www.uploadify.com/demos

02.트리

02-01.jQuery plugin: Treeview

http://jquery.bassistance.de/treeview/demo/

02-02.jXMLTree jQuery Plugin(XML파일을 이용한 Tree메뉴생성)

http://royjin.wordpress.com/2010/06/18/jxmltree-jquery-plugin-xml-menu-tree-generating/

03.Validation

http://bassistance.de/jquery-plugins/jquery-plugin-validation/
사용방법 : http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=72358

04.레이어팝업

04-01.ColorBox

http://jacklmoore.com/colorbox/

04-02.FancyBox
http://fancybox.net/

좌측메뉴

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

Context메뉴

http://www.javascripttoolbox.com/lib/contextmenu/

Table-DataTable

http://datatables.net/examples/

Table-FlexGrid

http://plugins.jquery.com/project/flexigrid

데모 : http://flexigrid.info/
http://www.trirand.net/demo.aspx

이미지 줌

http://www.mind-projects.it/projects/jqzoom/index.php#examples

Chart

http://code.google.com/p/flot/

html5 canvas access차트

http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/

DropDown

http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

ToolTip

http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/

AIR(좌석예약)

http://www.digital-web.com/extras/jquery_crash_course/

출처 - http://seobangnim.com/zbxe/?document_srl=243514

저작자표시

'Development > jQuery' 카테고리의 다른 글

jQuery - 마우스 오른쪽 버튼 (0)	2012.06.03
jQuery - URL을 파싱 (0)	2012.05.29
jQuery - Url Parameter 추출 (0)	2012.05.29
jquery - function 사용법 (0)	2012.05.23
jQuery - form 데이터 유효성 검사 (0)	2012.05.23

Posted by linuxism

,

linuxism

css - background-image 인쇄 문제

CSS로 원하는 부분만 보여주는 이미지(Image Clipping)

'Development > CSS' 카테고리의 다른 글

jQuery - URL을 파싱

'Development > jQuery' 카테고리의 다른 글

jQuery - 플러그인 모음

'Development > jQuery' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바


	by linuxism