자바스크립트 썸네일형 리스트형 D3.js (Data-Driven Documents-자바스크립트 차트 및 비주얼 그래프를 원한다면) D3.js 는 데이터 기반에서 다큐먼트를 컨트롤 하기 위한 자바 라이브러리다. 정말 웹이 엄청나게 발전하고 있다는걸 실감하기도 한다.. 언제 한번 써 먹어 보려나.. http://d3js.org/ 더보기 아주 유용한 자바스크립트 강좌 http://blog.wystan.net/2011/08/02/great-javascript-articles 스프링 공부 빨리 끝내고 자바스크립트 세계로 빠져들자.~ 자바스크립트 JavaScript, The Core ECMA-262-3 상세 1장. Execution Contexts 2장. Variable object 3장. this 4장. Scope chain 5장. Functions 6장. Closures 7-1장. OOP: The general theory 7-2장. OOP: ECMAScript implementation 8장. Evaluation strategy ECMA-262-5 상세 0장. Introduction 1장. Properties and Property Descriptors 2장. Str.. 더보기 구글(google map) 맵 달기 (jquery, json) 구글 맵 달기 정리.(PHP, JAVASCIRPT, JQUERY, JSON) 위치 정보를 알려줄때 구글 맵을 많이 이용한다.. 아래는 소스 위주로 설명을 한다. 우선 구글 맵 api를 전반적인 설명은 아래 사이트 에서 참고 하면 된다. https://developers.google.com/maps/documentation/javascript/reference?hl=ko 참고로 자바스크립트 api를 이용하였다. 이건 구글맵 튜토리얼이다. 보고 원하는 지도에 대한 소스를 카피해서 홈페이지에 붙이면 된다. https://developers.google.com/maps/documentation/javascript/tutorial#api_key 사실 해당 홈페이지에서 제공하는 튜토리얼 만한것은 없다. 그러니 열심.. 더보기 자바스크립트(javascript) 제이쿼리(jquery)를 이용한 동적 차트 유용한 정보 개발을 하다 보면 현업(실무자)에게서 차트 및 움직이는 그래프를 만들수 있냐는 이야기를 들을 수도 있다. 특히 실시간 증권 그래프나 차트 같은것들.. 2000년도 초반이였으면 해도 그걸 어떻게 만드냐라고 반문을 했지만. 요즘은 많은 기술이 나와서 가능하다. 특히 제이쿼리나나 자바스크립트로 이용해서 만들 수 있다. 아래 두 사이트는 그런걸 참고 할 수 있는 유용한 사이트이다. 언젠간 써먹겠지.. http://www.highcharts.com http://www.flotcharts.org 더보기 CSS DIV 이미지 보이기 감추기 function imgview(){ { var test = document.getElementById('test'); test.style.display = 'inline'; } } function imghide(){ { var test = document.getElementById('test'); test.style.display = 'none'; } } ......................................................................................................................................................................................... 하지만 이제 jquer.. 더보기 Input박스 안에 글쓰기 ‘아이디’ 박스에 글씨를 쓰기위해 마우스로 클릭하면 글씨 사라짐 ‘비밀번호’를 클릭하면 ‘아이디’박스에 없어졌던 글씨가 다시 보임 더보기 문자열 함수 정리 ※ 문자열 함수 정리 1) Ascii() - 문자열의 제일 왼쪽 문자의 아스키 코드 값을 반환(Integer) 예) SELECT Ascii('abcd') >> 결과는 a의 아스키 코드값인 97 반환 2) Char() - 정수 아스키 코드를 문자로 반환(Char) 예) SELECT Char(97) >> 결과는 a 반환 3) Charindex() - 문자열에서 지정한 식의 위치를 반환 예) SELECT Charindex('b','abcde') >> 결과 : 2 SELECT Charindex('b','abcde',2) >> 결과 : 2 SELECT Charindex('b','abcde',3) >> 결과 : 0 -- 인수값이 3개일때 마지막은 abcde 에서의 문자열 검색 시작위치를 말하며 2인경우는 bcde .. 더보기 Jquery mobile(제이쿼리 모바일) 에서 nav data-role="navbar"를 이용할 경우 글자수. Jquery mobile를 이용하여 모바일 페이지를 만들때 메뉴를 nav 태그를 이용해서 만들수도 있다 data-role = "nave bar"를 이용해서. 그러다 보면 글자수가 많아지거나 메뉴가 많아지면 자동으로 글을 truncation하는데 css를 조금 수정해주면 된다. 예) 메뉴 가나.. | 다라.. | 마바.. | 사아.. |아차.. 더보기 유용한 div 레이아웃 템플릿 사이트 코드 썩스란 사이트 인데 웹사이트 제작시 잡아야 하는 레이아웃 템플릿을 제공해준다. 무료이고 server-side코딩만 하다가 front-end쪽 하면 HTML이랑 CSS때문에 약간 고생할수 있는데 그때 이걸 다운받아서 레이아웃 잡고 시작하면 좋을듯. http://www.code-에스유씨케이에스.com/css%20layouts/fixed-width-css-layouts/ 좋은 사이트임에는 틀림없는데 주소가 조금 그렇다. 난 전적으로 이해하지만.. 위의 주소 클릭하면 잘못된 에러다..에스유씨케이에스를 영문으로 바꿀것.. 절대 나쁜 사이트 아니다.. 더보기 Dynamic Drive DHTML 사이트 한국의 자바스크립트 모아논 사이트 같은곳.. 도움되는것들이 많다. 역시 자바스크립트 세계는 너무 어렵다. ㅎㅎ http://www.dynamicdrive.com/ 더보기 이전 1 ··· 5 6 7 8 9 다음
