자바스크립트 14

js_string , 문자열 제어 함수, 프로토 타입 모음

현재 구현된건 1. 숫자에 천단위 ,표 붙이기(프로토타입,함수) 2. 숫자를 한글로 출력(프로토타입,함수 ) 3. 문자열에서 앞뒤(앞,뒤) 공백제거 (프로토타입,함수) 4. 문자열에서 문자열 제한(영어만, 또는 영어와 한글만 등등) ---------=----------- 그냥 안 올릴까.. 하다가 홈피 이사후 방문자수가 푸욱~~ 줄어서... 낚씨용?으로. 사용할 때 꼭 .JS파일 안을 열어보세요. 그안에 대부분의 설명이 다 되어있습니다. http://www.mins01.com/20070305/m_board/tech.php?b_id=tech&type=read&b_idx=411&page=1&period=365

카테고리 없음 2007.07.06

애플닷컴의 제품 슬라이더 자바스크립트 분석

iTunes Gift Cards iTunes Download iTunes 7 iPod U2 iPod iPod nano iPod nano Product (RED) iPod shuffle Apple TV iPod Hi-Fi Nike + iPod iPod Socks Leather Case Nano Armband AV Connection Kit iPod nano Dock Universal Dock Camera Connector Radio Remote In-Ear Headphones USB Power Adapter iTunes Products Accessories 출처 : 파이어준 애플닷컴의 iTunes페이지에 자바스크립트로 구현 된 제품 슬라이더가 심상치 않아 보여서 파 보았다. 이 제품 슬라이더는 Protot..

IE Memory Leaks

IE의 메모리 릭에 관한 글입니다. 번역한 거라서 그런지 좀 덜 매끄러운 부분이 있네요. 엄밀히 말해서 JavaScript와 JScript는 다른 언어입니다. JScript가 JavaScript 버전에 대응하기는하나 다른 언어이기 때문에 허용하는 것과 그렇지 않은 것, 그리고 가비지 컬렉터와 DOM을 다루는 방법 등이 다릅니다. JavaScript를 다룸에 있어서 서로 다르다는 사실을 알고 작성하셔야 나중에 "분명히 되야하는데 안되는" 일이 발생해도 당황하지 않을 수 있습니다. JScript에서는 되는게 JavaScript에서는 안될 수도 있으며 반대로 JavaScript에서는 되는 것이 JScript에서는 안될 수도 있습니다. 인코딩, 쉼표 등 이런 문제가 될만한 소재는 매우 다양합니다. 아래에 소개해..

Prototype base multi-Selection API

자바스크립트로 구현한 Prototype.js 프레임웍 기반 다중 선택기 API를 소개합니다.(API라고 하기에는 좀 부끄럽군요) 최초 올라로그 오픈베타 프로젝트에 사용되었습니다. 데스크탑 애플리케이션 못지않은 UI를 구현하겠다는 욕심에 조금은 억척 스럽게 만들어진 녀석입니다. 유저가 익숙하지 않다는 이유로 존속여부는 희박하지만, 라이브러리 형태로 공개하고 계속 발전시켜 나가볼 생각입니다. 조금더 다듬고 기능을 확장하여 여러환경에 적용할 수 있도록 손보았습니다. 웹 특성상 컨트롤 키를 조합하는 방식이 아닌 기본으로 활성화 되어 있는 상태입니다.(추가 예정) 전체 선택 | 선택 해제 토글 모드 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 Selected : -- Width..

Prototype기반 벡터 그래픽 프레임웍 - PGF

Prototype Window 컴포넌트를 만든 Sebastien Gruhier씨는 프로토타입 그래픽 프레임웍(PGF)이라는 매우 흥미로운 프로젝트를 진행합니다. 모든 브라우저에서 사용할 수 있는 Prototype.js 기반 벡터(vector) 그래픽 프레임웍을 구현하는 것입니다. 이 프레임웍은 SVG(Firefox, WebKit, Opera), VML(IE), Canvas (Firefox, Safari, WebKit, Opera)등 브라우저마다 서로다른 벡터기술을 통합 사용하여 크로스-브라우즈 한다는 이론입니다.(매우 훌륭합니다!) // Create an SVG renderer var renderer = new SVGRenderer("whiteboard"); // Create a rectangle wit..

자바스크립트가 그려낸 둥근 모서리 - Transcorners

계속해서 미루어 오다가 이제서야 소개합니다. Transcorners는 대상 엘리먼트의 모서리에 라운드(또는 대각선) 효과를 부여하는 자바스크립트 효과입니다. 가볍기로 잘 알려진 mootools 자바스크립트 프레임웍을 기반으로 만들어 졌으며, 모든 브라우저에서 사용할 수 있도록 제작되었습니다. 아래는 Transcorners 사용해서 직접 그려본 라운드 효과와 예제입니다. 예제1 //모든 코너에 반지름(radius) 30 new Transcorner( 'example1', { radius: 30 }); //background:#fee; border:1px solid #a00; 스타일 속성을 지님 예제2 //모든 코너에 반지름 10 (기본값) new Transcorner( 'example2'); //backg..

정확히 말하면 ECMA 스크립트의 특징이지만 뭐… ^^

정확히 말하면 ECMA 스크립트의 특징이지만 뭐… ^^ 첫번째, 객체의 생성 var arr = []; var obj = {}; var str = ""; var arr1 = [1,2,3]; var obj1 = {prop1 : 'value1', "prop2" : 'value2'}; Object는 {} 로, Array는 []로 생성할 수 있다. object 를 생성할 때 property 의 이름은 따옴표를 따로 해주지 않아도 prop1의 경우처럼 그냥 사용할 수 있다. 하지만, 혹시라도 있을지 모르는 문제점(prop1이 변수로 선언되어있다던가 하는…)을 미리 방지하기 위해서 따옴표를 붙여주도록 하는게 좋다. 단, 충돌이 없음이 확실하다면 생략해도 무방하다. 두번째, object property의 접근 var ..

테이블 틀고정 스크롤

링크 #1. 테스트 페이지 입니다. 테이블 소스는 엑셀에서 txt로 저장한걸 php에서 작업해서 테이블로 만든겁니다. 텍스트 뿐이고 td는 white-space:nowarp를 줘서 줄바꿈이 없게 했습니다. 업로드한 js 파일 보시면 대충이나마 주석 달았습니다. 조금 자세한 설명... 스크롤을 하려면 몇가지 방법이 있습니다. div 하나에 원본 테이블과, 고정행(첫줄)과 고정열이 있다면 div의 크기는 고정이고 테이블의 크기는 그것보다 더 큽니다. 고로 스크롤이 발생하는데, 이때 스크롤되어 화면(div 시야 내)에서 사라지는 고정행과 고정열의 top과 left를 scrollTop과 scrollLeft 로 조절합니다. 처음에는 이렇게 했지만, 이 방식은 흔들림이 심하더군요. (스크롤을 밑으로 하면 고정행이 ..

IE/FF(Gecko,W3C) 이벤트 설명

링크 IE와 FF에서의 이벤트 처리에 대한 설명을 정리해봤습니다. 틀린게 있을 수도 있습니다. 모질라 DOM레퍼런스에도 없는게 있어서, 그런 설명이 없을 수도 있습니다. 제가 쓸 일이 없다고 생각한건, 대충 설명되어잇을 수 있습니다. IE/FF(Gecko,W3C) 이벤트 설명 IE와 FF에서 이밴트를 불러 사용하는 방법(예제) 브라우저 IE FF IE&FF input 개체 함수 function fn(){ alert(event.type); } function fn(e){ alert(e.type); } function fn(e){ var evt = window.event || e; alert(evt.type); } 설명 (예제 값은 에서 onclick 이벤트로 발생시킴) 설명 순서는 내 마음대로, 관계있는 ..

new Object() 와 {} 의 차이에 대한 댓글정리문서

재미있는 내용이라 phpschool에서 가져왔습니다. 먼저 전 선생님이 아닙니다. 누굴 가르쳐본적도 없고, 가르치면서 일을 진행한적도 없습니다. 하지만, 고니님이 주장하는것과 제가 생각하는것이 달라, 단지, 처음부터 끝까지 거짓이 진실이 되는걸 볼수 없기 때문에 150개가 넘는 댓글을 달게 된것입니다. 어쨋든 고니님의 뜻도 ----------------------------- 아뇨. 정말로 틀렸다는 것을 증명해주시기를 바라고 있습니다. 원하신다면 문서로 만들어서 대중의 심판을 받을 각오도 되어있습니다. ----------------------------- 와 같아 최대한 주관을 배제하려고 글을 올립니다. 주관이 섞인 부분은 지적해 주시면, 지우도록 하겠습니다. 만약 주관이 섞여 있다면, 위의 글들을 보시..