본문 바로가기

Dev/JS/JQuery

JQuery 함수 정리 http://findfun.tistory.com/category/jQuery?page=1 더보기
HighCharts : 자바스크립트 그래프 라이브러리 http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries 자바스크립트로 만들어진 그래프 그리는 라이브러리를 비교해 놓은 사이트이다.영어지만 비교하는데는 별 문제 없고.. 이 중에서 비교해본것은..1. 브라우저 호환성2. 무료인지3. js 파일을 다운받을 수 있는지(오프라인에서도 실행가능하게)4. Like 수 그렇게 해서 선택한것이 Highchart이다. IE6부터 지원이 되고 그 외 브라우저도 다 된다. (확인해봄) 소스 다운받으면 용량이 25메가... 꽤 큰데나 같은 경우 Bar Graph만 필요해서 필요한 소스와 그 그래프를 구현하는데 필요한 소스들(js파일)제외하고 모두 지웠더니 150kb가 남았다. 데모 사이트에서 .. 더보기
스크립트 내에서 js 파일 추가하기 스크립트 내에서 브라우저 종류에 따라서 js 파일 추가를 다르게 하고 싶을 때. 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" }; }()); var addJavascript = function(jsname, .. 더보기
JQuery ajax로 xml 파싱하기 크로스 도메인이라 하여 다른 도메인에 있는 xml 파일을 불러오지 못하는것인데 설명이 잘되어있다. http://blog.naver.com/PostView.nhn?blogId=kkforgg&logNo=60174424616 더보기
IE 외의 브라우저에서 클립보드에 복사(웹표준) function UccLink() { var IE = (document.all) ? true : false; var URL = 'http://gnscjfdl.cafe24.com' if (IE) { window.clipboardData.setData('Text', URL); alert('주소가 복사되었습니다. 블로그, 카페 게시판에 html 선택 후 Ctrl+V로 붙여 넣기 하세요.'); } else { temp = prompt("이 글의 트랙백 주소입니다. Ctrl+C를 눌러 클립보드로 복사하세요", URL ); } } 출처: http://hoonchul.com/markup/html/%ED%8D%BC%EA%B0%80%EA%B8%B0-%ED%81%B4%EB%A6%BD%EB%B3%B4%EB%93%9C-%EA.. 더보기
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.. 더보기