OpenSource BLOG OpenSource BLOG

Java/jquery

• JQUERY 이벤트 종류

  Java/jquery 2014. 11. 18. 17:20

  이벤트 종류(형식) 이벤트 설명 .blur() 요소에서 포커스를 잃을 경우에 발생하는 이벤트 입니다. .change() , , 요소의 값 변경시 발생하는 이벤트 입니다. .click() 마우스 클릭 시 발생하는 이벤트 입니다. .dblclick() 마우스를 더블클릭 했을 경우 발생하는 이벤트 입니다. .focus() 요소에 포커스 되었을 때 발생하는 이벤트 입니다. .hover() 마우스가 요소 위에 위치했을 때 발생하는 이벤트 입니다. .keydown() 키 입력 시 발생되는 이벤트이며, 모든 키에 대해 적용이 됩니다. .keypress() keydown 이벤트와 동일하게 키 입력 시 발생이 되지만 enter, tab등의 특수키에는 이벤트가 발생되지 않습니다. .keyup() 키 입력 후 발생되는 이벤..

  Read More
• 제이쿼리 툴팁

  Java/jquery 2014. 11. 18. 17:20

  jQuery UI Tooltip - Default functionality $(function() { $( document ).tooltip(); });

  Read More
• 로딩 시 특정 탭으로 고정

  Java/jquery 2014. 11. 18. 17:19

  $(document).ready(function(){ $(".france_tab").on("click", "a", function(){ $(this).attr('href','#france_addr'); }); $(".france_tab a").trigger("click"); });

  Read More
• 제이쿼리를 이용한 슬라이드 팝업

  Java/jquery 2014. 11. 18. 17:18

  브라우저 창 왼쪽에 레이어 팝업아래의 형태로 왼쪽 버튼을 눌렀을 경우, 페이지가 오른쪽으로 슬라이드 형식으로 펼쳤다 접었다를 한다. 슬라이드는 제이쿼리 animate 를 이용해서 marginLeft 값만큼 노출된다.Ajax를 이용하여 DB에 저장된 값을 불러들여, 팝업을 구성하도록 하엿다. DB에는 width, height, link, 팝업노출 순서, 시작날짜, 종료날짜로 구성되어 있으며,시작날짜와 종료 날짜 사이의 기간이 되면 자동으로 팝업이 노출되도록 설정하였다. 아래 소스를 include하여 각 페이지마다 상시로 보이도록 하였다.

  Read More