본문 바로가기

Web24

[Web] Jquery ui - Datepicker 다국어 처리 jQuery UI의 Datepicker 위젯을 이용하면 날짜 선택 상자를 쉽게 구현할 수 있다. jQuery CDN 경로 제공처 : http://code.jquery.com/jquery/jQuery UI CDN 경로 제공처 : http://code.jquery.com/ui/jQuery UI Datepicker Widget API Documentation : http://api.jqueryui.com/datepicker/ datepicker 메서드 사용법 $(텍스트상자).datepicker({ 매개변수명: 값, ... }) datepicker 메소드의 주요 매개변수 분류매개변수 설명 기본값 기본dateFormat 날짜의 형식 yy/mm/dd ( ko의 경우 ) autoSize 날짜의 형식에 맞춰 입력란의 .. 2019. 3. 13.
[Web] HTML5 로컬스토리지, 세션스토리지 안녕하세요. 이번 시간에는 로컬 스토리지(localStorage)와 세션 스토리지(sessionStorage)에 대해 알아보겠습니다. 이름만 봐도 각각의 기능이 뭔지 대충 알겠죠? 영어에 약하신 분들을 위해 간단히 설명드리자면, 로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소입니다. 간단한 키와 값을 저장할 수 있습니다. 키-밸류 스토리지의 형태입니다. 로컬 스토리지와 세션 스토리지의 차이점은 데이터의 영구성입니다. 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아 있습니다. 하지만 세션 스토리지의 데이터는 윈도우나 브라우저 탭을 닫을 경우 제거됩니다. 지속적으로 필요한 데이터(자동 로그인 등)는 로컬 스토리지에 저장하고, 잠깐 동안 필요한 정보(일회성 로그인 정보라든.. 2019. 3. 5.
[Web] jquery a tag click 이벤트 적용하기 아래의 방법처럼 jquery가있는 하이퍼 링크에서 click 이벤트를 트리거하려고합니다. 하이퍼 링크에는 id가 없지만 css class가 있습니다. $(document).ready(function () { $('.cssbuttongo').trigger('click'); }); 위의 함수가 작동하지 않습니다. 이것은 하이퍼 링크입니다.hyperlink anchor $('.cssbuttongo')[0].click(); ^ Important! 이 작업은 href 가 URL, 조각 (예 : #blah ) 또는 javascript: 인지 여부에 관계없이 작동합니다.이 메서드는 jQuery click 메서드 대신 DOM click 메서드를 호출합니다 (매우 불완전하며 href 완전히 무시함). 2019. 2. 28.
[Web] jquery 부모창 과 자식창 데이터 전송 jQuery 자식 팝업 창에서 부모창 컨트롤1$(opener.document).find("#Form").attr("action","index.do").submit();자식창 -> 부모창으로 값 전달하기1-opener.document.getElementById("id").value="value"; //dom 객체로 제어2$("#id",opener.document).val("value"); // jQuery 방식 13$("input[name=imgFile]", parent.document.body).val() // 방식 24$(opener.document).find("#id").val("value"); //방식 35 6- opener.location.href="javascript:fun();"; //일반적인.. 2019. 2. 27.

티스토리툴바