외부 css에 정의된 스타일을 가져오기 위해 DOM으로 처리를 할려고 했지만 HTML 태그 내부 인라인으로 정의된 style만 접근이 가능하기 때문에 아래 코드를 쓰게 되면 값이 가져오지를 못한다. document.getByElementById("font1").style.fontSize 왜?? id가 "font1"이라는 div 태그안에는 style이 직접적으로 정의가 되어있지 않기 때문이다. 그래서 jQuery를 이용해서 객체를 생성하고 css의 값을 가져오도록 했다. 물론 Javascript로 할 순 있지만 코드만 길어지고 정신적인 스트레스가 올 것 같다. 아래 코드는 "+" 버튼을 클릭하면 div 내부의 현재 font-size에서 5px 증가한 값으로 변환시키고, "-" 버튼을 클릭하면 5px 감소한..
[Dev] FrontEnd/JQuery
요즘 웹개발 하시는 분 대부분이 jQuery를 많이 사용하고 계실겁니다. 저두 그렇구요^^ 오늘 이 녀석 때문에 3시간 동안 삽질의 삽질을 했네요. 바로 문제의 부분은 스크립트 호출문을 추가를 했지만 해당 페이지를 실행 시키면 methodCall()이란 함수가 정의가 되지 않았다는 스크립트 오류만 뱉어내더군요. 므냐~!! 그렇게 스크립트 디버깅을 IE, FF 왔다갔다하면서 해봤지만 해결을 못했죠 결국 구글링~~~~~~~~~~~~~ 앗!!! 충격적인 한마디 script tags can't be self-closing. You need a closing script tag: What the.......!!!!! 이것은 이렇게 해야지만 된다는거.... O.O 여태까지 난 jquery를 어떻게 쓰고 있었던거지...
jQuery를 이용하여 만든 Image Slide기능 스크립트 괜찮은 녀석임.!!
// Cross Browser Word Breaker with jQuery // Usage : $('[search]').breakWords(); (function($) { $.fn.breakWords = function() { this.each(function() { if (this.nodeType !== 1) { return; } if (this.currentStyle && typeof this.currentStyle.wordBreak === 'string') { this.runtimeStyle.wordBreak = 'break-all'; } else if (document.createTreeWalker) { var trim = function(str) { str = str.replace(/^\s\s*..
