목록jQuery (18)
잡담소장소
datepicker 범위 선택
jQuery UI에 있는 Datepicker를 향상시킨 기능 내부 코드는 좀 복잡하긴 하나 그대로 쓰기만 한다면 문제는 없다. input에 있는 값은 코드상에서 분배해주면 된다. 원문 http://benknowscode.wordpress.com/2012/11/20/selecting-ranges-with-the-jquery-ui-datepicker/ 원문의 구현페이지 http://bseth99.github.io/projects/jquery-ui/4-jquery-ui-datepicker-range.html github https://github.com/bseth99/sandbox/blob/master/projects/jquery-ui/4-jquery-ui-datepicker-range.html * 장점: 플..
회원가입페이지를 만들다가 특정 케이스에서 .show()할 때 block이 아니라 inline값으로 잡혀서 페이지 디자인이 깨지는 현상이 발견되었다. 일단 대체로 .show() 하는 대신에 .css('display', 'block') 으로 해결하긴 했는데왜!WHY!궁금해서 구글링해보았다. 나같은 사람도 한둘 있었던 것 같다.자신은 어떻게 해결했고, 어떻게 해결해야하는지에 대한 리플들만 있을뿐명확한 이유를 이야기하는 리플은 없었다.그래서 jQuery사이트에서 .show()에 대한 설명을 보았는데display:inline으로 초기설정이 되어있으면 show/hide할때 inline속성을 갖게되고나머지는 block으로 표시된다는 설명이 있었다. The matched elements will be revealed ..
많이 보던 기능이지만 정작 구현할라니까 막막했던 그것.역시 구글느님. $(document).mouseup(function (e){var container = $("해당레이어 아이디");if( container.has(e.target).length === 0)container.hide();}); 위 함수는 document.ready에 넣어줘야 작동하더라 _-_
이직한 회사에 익숙해지기 위해서 코드도 열심히 보고앞으로 내가 해야할 일이 뭘까 싶다가..되도록 예쁘게 만들고 싶어서 찾아보게 된 jQuery Plugin. 잘 기록해뒀다가 나중에 써먹어야징 ㅇㅅㅇ 1. 항목 하나하나 수정하고 싶을 경우 http://vitalets.github.com/x-editable/index.html : 일전에 일할 때 항목 수정을 위해서 폼 전체에 있는 모든 텍스트들에 input을 달아주었던 기억이 나서 저장. 2. 티몬메인페이지 딜 횡스크롤 http://als.musings.it : 데모가 꽤 예쁘게 되어있다. 3. 마우스오버시 부분확대 http://mlens.musings.it : 혹시?쓸지 모른다는 생각에-_- 4. 툴팁 jquery http://speckyboy.com/2..
뉴 바둑 서포트 작업하면서 새롭게 공부한 jQuery. 왜냐믕 jQuery UI가 너무 맘에 들어서 싹다 뜯어고치기에 도전하였기 때문에. jQuery UI의 모든 기능을 이용하진 않고 필요하다 싶은 것들만 뽑아서 사용하였다. 왜냐하면 모두 하기엔 배울 시간도 없고 딱히 필요할 것같은 기능이 아니라는 생각에..^^;; 따라서, 직관적으로 필요하다고 생각하는 기능만 배우고 적용하였다. Themes 는 blitzer 였으며 버전은 1.8.16 으로 하였다. 사용한 기능들. Button Datepicker Dialog Tabs 위의 기능들을 사용하기 위해서는 jQueryui.com 사이트에서 jquery-1.6.2.js 파일과 jquery-ui-1.8.16.custom.js 파일 및 css 파일과 이미지들이 있..
작업하다가 배운 것. $(document).ready( function () { //input 태그의 name이 agreetype인 것 찾기 //text, radio, select 모두 해당 var $agree = $("input[name='agreetype']"); //브라우저가 IE일 경우 click으로 이벤트 발생 그외 change $agree.bind($.browser.msie ? "click":"change", function(e) { if($(e.target).val() == 'E') { //div태그안에 아이디가 ID_BTN_AUTHEMAIL인 컨트롤 찾기 $("div").find("#ID_BTN_AUTHEMAIL").each( function () { //css() 보다 attr()를 써서..
테이블에서 선택한 하나의 값과 같은 값들을 표시해줘야 하는 일이 생겼다. 동적으로 해야 하므로 일전부터 공부해보고 싶었던 jQuery를 이용하기로 마음먹었다 //페이지 시작되면 바로 실행되도록 하는 .ready() $(document).ready(function() { //td는 링크가 아니기 때문에 css로 손 모양으로 만들어준다. // hand 로 줄경우 IE에서만 동작하므로 pointer로 설정 //class가 search 이면 실행 $(".search").css("cursor", "pointer"); $(".search").bind("click", function(e) { //class가 search 인 값을 클릭하면 search_same이라는 함수를 동작시킨다. //함수 실행시 e 라는 값을 받..
