본문 바로가기

jquery4

레이어 공지 팝업창 만들기 대부분 웹사이트에서 볼 수 있는 공지사항과 같은 팝업창을 레이어를 이용하여 띄우는 예제입니다. cookie 를 사용하여 하루 동안 창이 뜨지 않도록 하는 기능을 포함하고 있습니다. 이 예제에서는 jquery v1.7.1 과 cookie 처리를 위한 jquery 플러그인인 jquery.cookie v1.3.1 을 사용합니다. jquery.cookie 는 GitHub 에서 진행되는 오픈소스 라이브러리이며 아래 URL 을 참고하셔서 다운로드 받거나 아래 첨부파일을 받아서 사용하시면 됩니다. URL: https://github.com/carhartl/jquery-cookie 1. CSS 부분 2. HTML 부분 공지사항입니다. 오늘 하루 이 창을 열지 않음 [닫기] 쿠키 삭제 테스트입니다.테스트입니다.테스트입니.. 2013. 10. 1.
웹폼에서 Ajax 실행하기 3 - jQuery Ajax + JSON 웹폼에서 Ajax 를 실행할 때 jQuery Ajax 와 더불어 JSON 을 사용하여 서버단 함수에 데이터를 넘기고 받는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1, 그리고 JSON 처리를 위해 json3 를 사용합니다. json3는 github 에서 진행되는 오픈소스 라이브러리이며 json3 을 검색하여 다운로드 받거나 아래 첨부파일을 다운로드 받으시면 됩니다. 1. WebForm4.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Service.. 2013. 9. 14.
웹폼에서 Ajax 실행하기 2 - jQuery Ajax 웹폼에서 Ajax 를 실행할 때 1번 글과 같은 ScriptManager 라는 ASP.Net Ajax 컨트롤을 사용하지 않고 jQuery Ajax 를 사용하여 서버단의 함수를 호출하는 예제입니다. 이 예제에서는 C# 과 jQuery v1.7.1 을 사용하였습니다. 1. WebForm3.aspx.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Services; namespace WebApplication1 { public partial class WebForm3 : Syst.. 2013. 9. 14.
iframe 을 이용한 페이지 로딩 처리 예제 페이지에서 iframe 이 있거나 혹 iframe 을 이용하여 다른 페이지를 읽어올 때 로딩하는 동안 로딩 이미지나 문구를 화면에 뿌려주는 예제입니다. 이 예제는 http://jsfiddle.net/CPadm/ 에도 동일한 내용이 있으므로 참고하실 수 있습니다. 이 예제에서는 JQuery 를 이용합니다. 1. 안에 들어갈 내용Click to load Page is loading... 2. Css (head 부분에 3. Javscript 내용 예제파일: 결과 화면 2013. 8. 27.