잡담소장소

fancy box의 본문이 가변적일 때 높이를 그때그때 바꿔주기 위해서 코드를 추가하였다. $.fancybox({ 'onComplete' : function() { $('#fancybox-frame').load( function() { var iframe_height = $('#fancybox-content').contents().contents().height(); $('#fancybox-content').height( iframe_height); $.fancybox.center(); } } }); stack and overflow 에서 검색하다가 contents() 함수로 긁어오는 걸 봤는데 거기선 contents().find('id') 이런식으로 찾아서 시도했는데 내가 하면 안되서 한참 삽질하다가 ..

날짜 작업하다가 찾아보게 된 date() 함수 var cur_date = new Date(); // Thu Jul 02 2013 14:45:30 GMT+0900 이런 형태로 출력 var year = cur_date.getFullYear(); // 2013 var month = cur_date.getMonth(); // 7 var day = cur_date.getDate(); // 2 //날짜를 옮기고 싶은 경우 cur_date.setDate( cur_date.getDate() - 7 ); //7일전으로 옮겨진다. day = cur_date.getDate(); // 25로 나옴 자바스크립트에서는 date format이 없다. 그래서 사람들이 만들어서 쓴다는..ㅠㅠ그래서 나는 아래처럼 0만 붙여줌-_-;;귀..

테이블로 하려니 style에 border가 있어서 깔끔하지 않기에 div에서 반으로 나누는 방법을 찾아보니 style의 float를 이용한 방법이 있었다! 그러면 한줄에 두 엘리먼트를 양옆으로 두게 할 수 있는데, CSS의 clear 속성을 이용하여 float된 엘리먼트들을 정리할 수 있다. clear에 들어가는 값에 따라 그 다음 줄의 시작점이 달라짐. 포스팅 하지마자 찾은 글http://www.quirksmode.org/css/clearing.html 요약하자면 1. 기존의 float를 사용하면 div의 height가 사라진다. (border 없음)2. 새로운 element에 clear:both를 사용하면 height가 뿅 나타남3. overflow를 사용하면 clear 따위 하지 않아도 height..

file size 가져오기 $("#attachment").change( function() { alert( this.files[0].size ); }); 선택된 파일 삭제하기 function clear_file() { var file = $("#attacthment"); file.replaceWith( file = file.clone( true ) ); } http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery 에서 발췌 * 겸사겸사 bit 사이즈 변환 사이트 http://www.flightpedia.org/convert/bit-and-byte.html file size를 가져올때 bit 단위로 가져오므로 제한두고자..

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 * 장점: 플..

span에서 text-align이 걸리지 않는다.(div, p에서는 가능) 요래하면 text-align이 가능하다width를 밖으로 빼서 쓰면 X순서 여부는 테스트해보지 않았음.

간단한건데 미루다가 이제사 다시 공부 ㅜ.ㅜ:%s/[찾을문자열]/[바꿀문자열-찾은문자열을&로 넣을수있음]/gex) :%s/hello/& hi/g 라고 입력하면 hello가 들어가는 문장이 hello hi로 치환.

웹에서 앱 설치 여부에 따라 앱스토어 혹은 마켓으로 이동하거나 앱 실행해야 하는 이슈가 있어서 개발하게 된 코드 정확히는 여기저기 알아봄 ㅜ.ㅜ 일단 네이버앱 연동하는 페이지 참고 http://dev.naver.com/openapi/mobile/naverapp 그런데 안드로이드에서 뭔가 제대로 동작하지 않아서 블로그 뒤지다가 그냥 ios랑 같은 방식으로 넘김.. * jquery 스크립트 포함되어야 함. ios나 android나 방식은 같다. 타이머걸어놓고 앱 실행 안되면 마켓으로 이동. 안드로이드는 마켓이동할때 iframe이용해야해서 좀 귀찮아씀 ㅜ.ㅜ function is_installed_app_ios() { var appstoreUrl = 'http://itunes.apple.com/kr/app/i..

안드로이드 웹뷰에서 회원 가입시 이름과 주민번호를 입력하고 실명인증을 하면 비밀번호를 저장하겠냐는 메세지가 노출된다고 한다.(크롬에서는 발생 안함) http://stackoverflow.com/questions/12800048/disable-android-browser-save-password-functionality-through-the-code결론은 코드단에서는 아무것도 할 수 없다는 것.안드로이드 웹뷰 코딩이라면 모를까 > setSavePassword(false)일반 웹페이지에서는 안된다고 한다. (pc버전 보기 뭐 이런거..) $("#form").attr("autocomplete", "off") 속성 추가로 해당 문제 해결-_-;링크의 케이스는 조금 다른건가?? 아무튼,잘 해결됨 :) * 태그에 ..

회원가입페이지를 만들다가 특정 케이스에서 .show()할 때 block이 아니라 inline값으로 잡혀서 페이지 디자인이 깨지는 현상이 발견되었다. 일단 대체로 .show() 하는 대신에 .css('display', 'block') 으로 해결하긴 했는데왜!WHY!궁금해서 구글링해보았다. 나같은 사람도 한둘 있었던 것 같다.자신은 어떻게 해결했고, 어떻게 해결해야하는지에 대한 리플들만 있을뿐명확한 이유를 이야기하는 리플은 없었다.그래서 jQuery사이트에서 .show()에 대한 설명을 보았는데display:inline으로 초기설정이 되어있으면 show/hide할때 inline속성을 갖게되고나머지는 block으로 표시된다는 설명이 있었다. The matched elements will be revealed ..