소프트웨어/JavaScript • Dhtml 70

Prototype - Element class methods

Prototype JavaScript framework 에서 제공하는 엘리먼트와 이벤트의 클래스 메서드 입니다. Script.aculo.us는 Prototype의 여러 메서드를 사용자가 편하게 이용할 수 있도록 각종 모션효과들을 만들어 줍니다. 하지만, 애써 클래스 메서드까지 익혀야 필요성이 있습니다. Script.aculo.us는 간접적인 효과만을 보여주기 때문입니다. 우리는 지금까지 자바스크립트를 사용하여 아주 간단한 기능을 구현할 때에도 크로스-브라우저 지원을 위해 각종 환경변수를 만들어야 했습니다. Prototype은 이러한 문제를 일거에 해결해 줍니다. 그리고 메서드를 사용하면 코드의 문맥이 매우 아름다워(?)집니다. 엘리먼트를 숨기기위해 더이상 알록달록한 자바스크립트를 사용할 필요가 없어진 것..

IE에뮬 전체소스

루비엉아님 E-MAIL을 몰라서 여기다가 올려놓습니다. 나중에 지울게요 ^^;; 루비엉아님 E-MAIL을 몰라서 여기다가 올려놓습니다. 나중에 지울게요 ^^;; 1.첨부파일을 다운로드 받는다. (ieemu.js) 2 페이지 상단에서 아래 소스로 호출한다. 3. 잘 이용한다. ㄳㄳ ------------------------------------------------------------------ ps. IE 아닌 브라우져서에서 IE의 속성/매서드를 이용할 수 있습니다. (에뮬레이션) 이거 만든 사람도 참 대단한 사람입니다. [결론] 루비엉아님이 만족한다고 하십니다. 1.첨부파일을 다운로드 받는다. (ieemu.js) 2 페이지 상단에서 아래 소스로 호출한다. 3. 잘 이용한다. ㄳㄳ ----------..

페이지 리소스 용량를 집계하는 북마클릿 - Statsy

Statsy는 Stoyan Stefanov씨가 만든 웹 페이지의 성능을 가늠하기 위한 정보를 제공하는 북마클릿입니다. 자바스크립트 속성이 할당된 크기, 스타일시트 사용량, 스크립트 사용량 등 다양한 집계를 알려 줍니다. 설치방법은 아래의 statsy 링크를 북마크바로 끌어다 놓으면 됩니다. statsy - 이 링크를 북마크바로 이동하세요. JS attributes (e.g. onclick) - 노드의 onclick, onmouseover 속성 등에 사용된 코드의 바이트(bytes) CSS style attributes - 노드의 style 속성에 사용된 문자열 길이의 집계 Inline JS - HTML에 인라인으로 작성된 script 요소에서 사용된 자바스크립트 코드의 길이를 집계 Inline CSS -..

jQuery를 이용한 폼체크 편하게 써보자편!!!

눈팅만 하다가 -ㅂ- 요번에 폼체크를 한번 -ㅂ- 편하게 만들어 보고자. jQuery를 이용해서 -ㅂ- 폼체크 편하게 써보자편으로 -ㅂ- ㅋㅋ 파일을 공유하고자 합니다. ^ ^ 이름하야!!! 두둥 : helloFormChk 이름의 의미따위는 없습니다. -ㅂ- 모든 -ㅂ- 개발자분들이 -ㅂ- 파일 받아서 -ㅂ- 깔아보구 뭐하고 하시는걸 -ㅂ- 좋아라?! 하지 않으시기 때문에 -ㅂ- 직접 링크1에 -ㅂ- 클릭해서 어떻게 쓴거야?! 확인하실수 있게 제공 해드립니다. 파일은 -ㅂ- 가져다가 쓰시고 싶으신분들을 위해 파일을 공유 합니다 ~ * 장점은 -ㅂ- if문을 안써도 된다는것 -ㅂ- 확장이 가능하다는것 helloFormChk.js 파일을 열어 정규표현식 방법이나 정규표현식이 아닌 방법으로 쉽게 자주 쓰시는 ..

[jQuery] 간단한 텍스트 스크롤

jQuery 플러그인(Link1)으로도 존재합니다만... 간단한 스크롤 기능이면 되는데 굳이 플러그인을 쓸필요가 없다고는 하지만 플러그인에서 따로 분리해도 될테니... ㅡ_ 여하튼... function tested() { var tested = $('#tested'); tested.animate({marginTop:'-25px'}, 200, null, function() { tested.css('marginTop', '0px').append(tested.find('> li:first')); }); } setInterval('tested()', 3000); 결과 : 다운로드1 ---- ---- ---- ---- 이렇게 쓰면 또 jQuery 굇수분께서 "이게 더 간단한데요?" 라고 날려주시겠지요. '~'/ ..

Active x 컨트롤의 메소드 확인

웹 작업을 하다보면 부득이하게 active x 컨트롤을 사용하게 되죠. 보통은 CHM 형태의 도움말이나 문서 자료를 보고 작업을 하지만 관리 미숙으로 인해 유실되어서 없거나 혹은 다른 용도로 설치된거지만 제공하는 기능을 활용하고 싶은 경우가 있습니다. 그러기 위해서는 알아야할것이 해당 컨트롤이 지원하는 이벤트와 파라메터 정보입니다. 인터페이스 정보인셈인데 이를 모르고는 활용을 할 수가 없죠. 반대로 말하자면 인터페이스만 알고 있다면 제공되는 기능들을 맘대로 사용할 수 있다는 말이 됩니다. 자 그럼 이 정보들을 어떻게 알아올까요? 그때 활용하기 편한것이 바로 ole view 라는 툴입니다. Visual Studio 6.0 에서는 프로그램 메뉴에 등록이 되어 있었으며 닷넷으로 넘어 와서는 따로 링크를 제공하..

Microsoft Ajax Minifier VS YUI Compressor

마이크로소프트에서도 YUI Compressor와 같은 자바스크립트 압축도구를 발표했습니다. 이름이 "Microsoft Ajax Minifier"군요. 이 두 녀석을 간략하게 비교해 보도록 하겠습니다. 사용법:// Ajax Minifier Best Option ajaxmin.exe -hc input.js -o output.js // YUI Compressor Best Option java -jar yuicompressor-2.4.2.jar input.js -o output.js YUI Compressor와 비교되는 Ajax Minifier의 두드러진 특징은 Hypercrunch Plus C 옵션을 제공하여 압축 비율을 더욱 높일수 있다고 합니다. 이 옵션은 한 블록에서 동일한 문자열이 반복되는 경우 자동으..