Dev 썸네일형 리스트형 jquery 1.9에서 빠진 $.browser 기능 대체 jquery 1.9 버전에써 브라우저 구분하는 $.browser 기능이 빠진것을 대체하는 소스 코드. //browser detect var browser = (function() { var s = navigator.userAgent.toLowerCase(); var match = /(webkit)[ \/](\w.]+)/.exec(s) || /(opera)(?:.*version)?[ \/](\w.]+)/.exec(s) || /(msie) ([\w.]+)/.exec(s) || /(mozilla)(?:.*? rv:([\w.]+))?/.exec(s) || []; return { name: match[1] || "", version: match[2] || "0" }; }()); // using if(browser.. 더보기 IE6~9 핵(CSS Hack) IE6 .test { _margin:5px; } 언더바를 붙힌 _margin:5px; 은 IE 6에서만 적용된다. IE7 *:first-child+html .test{ margin:5px; }IE7은 셀렉터 앞에 *:first-child+html 를 붙힌 .test에는 _margin:5px; 가 적용된다. IE6+IE7.test{ .margin:10px; }프로퍼티 가장 앞부분에 닷(.)을 붙이면 IE6+7 에서 적용이 된다. IE8test { margin:/*＼**/10px; }프로퍼티의 속성값 앞부분에 (/*＼**/) 를 붙이면 IE8에서만 적용이 됩니다. IE8, IE8+9test { margin:10px\0IE8; }test { margin:10px\0IE9; }test { margin:10px\.. 더보기 Simplest Accordion Menu div태그 쓰지않고 ul, li 태그 이용해서 아코디언 메뉴 만들기 소스: http://jsfiddle.net/GRLSN/ 출처: http://viralpatel.net/blogs/create-accordion-menu-jquery/ 더보기 [JQuery] 사이드바 탭 구현 http://jsfiddle.net/tj_vantoll/nn2Qw/ 더보기 Select 박스에서 선택된 Option 텍스트값 가져오기 선택하세요 var target = document.getElementById("testSelect");target.options[target.selectedIndex].text // is 선택하세요 출처: http://blog.outsider.ne.kr/254 더보기 OUTFILE, LOAD DATA 쿼리문으로 조건을 준 결과값 데이터를 파일로 저장하는 방식 SELECT * INTO OUTFILE '파일경로 파일이름' FROM 테이블 WHERE 조건;* MySQL 다른 특정 경로가 없다면 데이터베이스 data 디렉토리 파일경로로 간주함 LOAD DATA INFILE '파일경로 파일이름' INTO TABLE 테이블명;* 경로를 꼭 써주거나 경로를 안써준다면 해당 데이터베이스 디렉토리에 파일이 위치해 있어야한다. * 여러가지 옵션이 있다. 출처: http://blog.daum.net/kimuks/7533906 더보기 JSFiddle 사용법 http://jsfiddle.net HTML, CSS, JavaScript를 웹에서 작성해서 바로 테스트 해볼 수 있고, 그 소스를 저장 공유할 수 있는 서비스. Run. 작성한 코드를 실행하는 기능Save. 작성한 코드를 url로 저장하는 기능Fork. 현재의 코드를 그대로 복제하는 기능TidyUp. 소스코드의 가독성을 높여주는 기능JSLint. 자바스크립트의 유효성을 검사하는 기능Share. 소스코드를 공유하는 기능. url이나 SNS 등 더보기 div 예시 소스: http://jsfiddle.net/RtDWQ/ 더보기 [CSS] Height 100% - n px Height 100%에서 n 픽셀만큼 빼고 싶을때 calc() 함수를 쓰면 된다. height: calc(100% - 65px); /* IE */ height: -o-calc(100% - 65px); /* opera */ height: -webkit-calc(100% - 65px); /* google, safari */ height: -moz-calc(100% - 65px); /* firefox */ 출처: http://stackoverflow.com/questions/4587582/css-height-of-100-minus-px-header-and-footer 더보기 [CSS] div width 100% padding div태그 padding때문에 종속된 내부 div width:100% 일때 외부 div 밖으로 돌출되는 현상 * 내부 div 태그 css 속성에 아래와 같은 속성을 추가해주면 된다.-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */ 출처: http://css-tricks.com/box-sizing/ 더보기 이전 1 2 3 4 5 6 ··· 11 다음
