9월, 2011의 게시물 표시

asp.net jQuery Multiple File Upload Plugin 멀티업로드를 편하게

이미지
jquery 플러그인중에  좋은거를 찾았다. 멀티업로드 선택을 편하게 하는 플러그인이다. input태그를 하나 쓰고 거기에 계속 파일을 추가할 수 있다. 요즘 플래쉬 업로드 소스가 많은 가운데 차라리 플래쉬 없이 이런방식을 선호한다.(미리 파일 업로드 한다는게 서버에 파일관리에 조금 무리 일수 있다.) jquery 1.4버젼과 플러그인 파일을 인클루드(vs-doc는 에러가 남) <script src="jquery-latest.js" type="text/javascript" language="javascript"></script> <script src=" jquery.MultiFile.js" type="text/javascript" language="javascript"></script> 일단 소스부터 보시길 자바스크립터 부분 $( document ).ready( function () { // onsubmit은 file개체가 disabled되는 버그가 있음 // $("form#FileFrm").bind("submit", function () { // if ($("input:file").length > 1) { // if (confirm("업로드 하시겠습니까?") == true) { // return true; // } else { // return false; // } // } else { // alert("파일을 첨부해 주세요!!")...

jquery 및 jquery 라이브러리 cdn 경로

jquery 및 jquery라이브러리를 사용한다면 cdn외부경로를 사용하면 서버트래픽감소 및 유저 로딩속도 증가(cdn이 일반서버보다 라인 더 빠를경우 대체적으로 더 빠름) 시킬  수 있음. 현재 구글쪽 경로보다 마이크로소프트사 cdn이 훨씬 빠른 속도를 보이고 있다. 출처 : http://www.asp.net/ajaxlibrary/CDN.ashx jQuery Releases on the CDN The following releases of jQuery are hosted on the CDN: jQuery version 1.6.4 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4-vsdoc.js jQuery version 1.6.3 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.3.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.3.min.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.3-vsdoc.js jQuery version 1.6.2 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2-vsdoc.js jQuery version 1.6.1 http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.js http://ajax.aspnetcdn...

jquery ajax및 xml 실전 예제(카테고리 선택)

이미지
몇 년전에 쇼핑몰을 제작하면서 카테고리 선택부분을 ajax로 불러와서 페이지에 출력하는데 꽤 고생하면서 만든 적이 있다. jquery를 해보닝 예전에 했던 부분을 상당히 편하게 만들수 있을꺼 같아 뚝딱뚝딱 몇 십분 만에 완성되었다. 헐~ 예전에 이거 작업하면서 꼬박 하루를 넘긴생각을 하면 ㅠ.ㅠ 혹시 쇼핑몰을 제작하시다면 관리자모드에 카테고리 선택부분은 거진 이런 모습일꺼다. 자! 각설하고 소스 들어간다. xml부분 (실질적인 데이타부분 이겠다.xml이어두 되구 디비에서 바로 리스팅하는 부분이어두 상관없다. xml로 만드는게 편할꺼 같다. 힌트 : 디비에서 값을 불러온다면 select문을 쓰면서 xml태그형태로 바꾸어주는 함수가 있다.) category1.xml <?xml version="1.0" encoding="utf-8"?> <category> <item> <value> 111 </value> <title> 패션의류/잡화 여성의류/패션 </title> </item> <item> <value> 112 </value> <title> 남성의류/정장 </title> </item> <item> <value> 113 </value> <title> 빅사이즈/미시/커리어 </title> </item> <item> <value> 114 </value> <title> 언더웨어/잠옷/보정속옷 </title> </item> <item> <value> 115 </value>...

아이폰 사파리에 웹페이지 폭 맞추기(메타태그 viewport)

<!-- 네이버 --> <meta name= "viewport" content= "width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> <!-- 다음 --> <meta name= "viewport" content= "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> <!-- 기타 --> <meta name = "viewport" content = "width=device-width" />

jquery 폼체크 및 간략설명

이미지
jquery의 장점이라구 하면 웹표준을 알아서 맞추어 주닝 상당히 편하다. 그리고 왠간한 폼체크를 할시에 selectbox,checkbox,radio등은 for문을 돌려야 했으나 jquery로는 한줄에 끝낼수 있다. 나머지는 예제를 보시면 이해가 빠르실 꺼다. 예제 html폼 <form id= "memberFrm" name= "memberFrm" > 이름 : <input type= "text" id= "userName" name= "userName" /> 지역 : <select id= "area" name= "area" > <option value= "" > 지역을 선택해주세요 </option> <option value= "1" > 서울 </option> <option value= "2" > 경기 </option> </select> <span id= "subSpan" ></span> 취미 : <input type= "checkbox" id= "hobby" name= "hobby" value= "1" /> <label for= "hobby1" > 꽃꽃이 </label> <input type= "checkbox" id= "hobby" name= "hobby" value= "2" /> <label for...

asp.net 에서 ckeditor, ckfinder 설치 설정

예전에 fckeditor라는 웹에디터가 인기를 끌었다. 그때당시 기능적이나 안정적으로 최고였다고 볼수 있다. fckeditor이 버젼업 되면서 ckeditor로 바뀌었다. 라이센스와 코어를 다시 작성한듯 싶다. 아마도 웹표준에 충실하기 위해 다시 만든듯 싶다. 다시 ckeditor이 각광 받는 이유는 웹표준에 상당히 충실하다. 다른 웹에디터로 파이어폭스나 크롬에서 운영하다 보면 각종 태그나 오류등을 심심치 않게 볼수 있다. ckeditor 다운로드 http://www.ckeditor.com/download ckfinder 다운로드 http://www.ckfinder.com/download (현재 설치버젼 ckeditor 3.6.1    ckfinder 2.0.2.1) 둘다 asp.net버젼으로 받아야 한다. 젤 먼저 web.config 추가 <system.web> <pages> <controls> <add tagPrefix= "CKEditor" assembly= "CKEditor.NET" namespace= "CKEditor.NET" /> </controls> </pages> </system.web> 두 파일 압축을 해제한다. 두 개의 받은 파일에 보면 bin폴더에 CKEditor.NET.dll 와 CKFinder.dll 이 있다. 않에 디버깅 폴더말고 릴리즈에 있는 dll을 가지고 온다. 설치할 사이트에 bin폴더를 추가해서 카피를 하던가 참조하는 방식으로 가지고 와도 된다.( 사이트에 루트에 bin에 dll를 설치 하고 각 폴더에 존재하는 bin폴더등은  지우 는게 좋다. 오류가 발생할수 있다.)  압축을 푼 ckeditor는 sample이라는 폴더에 ckeditor이라는 폴더만...