본문 바로가기

CloudLess

Javascript 이클립스 플러그인 설정 (개발환경) The Eclipse Web Tools Platform (WTP) software repository - http://download.eclipse.org/webtools/repository/junojuno의 자리에는 이클립스 버전명을 써주면 된다. P.S 개인적으로 이클립스로 js, html을 개발하면서 편하게 생각하고 있는 기능이 있는데요. html페이지를 Open with를 사용해서 브라우저 상에서 바로 볼 수 있는 방법입니다. (이클립스의 내장 브라우저로도 되지만, 파폭이나 IE에서 디버깅 등을 하기 위해서는 브라우저를 띄우는게 가장 좋겠죠.) Eclipse의 Window > Preferences에 들어갑니다. General > Editors > File Associations를 클릭합니다. *... 더보기
자바스크립트 개발하기전에 꼭 읽어보세요 http://dotweb.tistory.com/86 더보기
동적으로 태그 추가 추가할 태그를 String으로 변수에 저장한 다음에 append 함수를 사용하여 지정된 태그안에 추가한다. *이상하게 jsfiddle jQuery 1.10.1 버전에서는 안되고, 1.9.1 버전에서는 되는데직접 파일로 만들어서 jquery-latest.js 버전에서는 된다..?? (지금 날짜 기준 최신버전 1.10.2 ) 데모: http://jsfiddle.net/AdmJU/ 더보기
hover image change 마우스 오버시 이미지 바뀌는 JQuery. 마우스 오버는 hover를 이용하고,data-src 등으로 이벤트 발생시에 바뀔 이미지 주소를 미리 저장해놓는다. 데모: http://jsfiddle.net/cussE/ 출처: http://stackoverflow.com/questions/13527480/alter-image-on-mouseover-and-mouseleave 더보기
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 더보기