VoidNoble IT Zone

JSON 문법검사기 http://www.jsonlint.com/ Cross browser 에서의 흥미로운 예제들 IE8 JSON.parse(”{ ‘a’:1 }”) : Syntax Error CHROME JSON.parse(”{ ‘a’:1 }”) : OK FF JSON.parse(”{ ‘a’:1 }”) : Syntax Error OPERA 10.10 JSON.parse(”{ ‘a’:1 }”) : Undefined variable JSON SAFARI 4.0.4 JSON.parse(”{ ‘a’:1 }”) : Syntax Error jQuery 1.3 까지는 고유의 parsing 기술이 쓰이기에 1: $.ajax({url: "/url", 2: dataType: "json", 3: success: functio..

+ prototypeUtils.js /* prototypeUtils.js from http://jehiah.com/ Licensed under Creative Commons. version 1.0 December 20 2005 version 2.0 2010-01-08 by darthJun Contains: + unpackToForm() */ function unpackToForm(data){ for (i in data){ var val = (data[i]==null)? '' : data[i].valueOf(); if($$("input[type=radio][name='"+i+"']").length > 1) { // when element is radio group $$("input[type=radio][n..

http://www.ramirezcobos.com/labs/ajax-powered-autocomplete/ 여기 있는것인데 한글이 적용되려면 원본 파일 중 test.php 안의 if (strtolower(substr(utf8_decode($aUsers[$i]),0,$len)) == $input) 를 if (strtolower(substr($aUsers[$i],0,$len)) == $input) 로 고치면 되며 그렇게 고친 파일을 아래에 첨부한다.css/autocomplete.css 자동완성 모양내기 images/* 자동완성 관련 이미지들 js/autocomplete.js 자동완성 핵심 스크립트 test.html 예제 - 폼 test.php 예제 - ajax 자동완성 응답 form 페이지의 인코딩이 utf..

* 주의사항 !DOCTYPE 선언하면 Autocompleter 입력시 바로 작동하지 않음. CSS Code/* 주소 검색상자 */ #mb_addr { ime-mode: active; } /* 주소 자동완성 */ div.autocomplete { position:absolute; background-color:white; border:1px solid #888; margin:0px; padding:0px; } div.autocomplete ul { list-style-type: none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #ffb; } div.autocomplete ul li { list-style-..

Glider 는 고정된 공간 내에서 아코디언과 같이 내용을 바꿔서 보여줍니다. 유명한 곳은 CODA Glider 입니다. 제작자의 사이트에서도 사용했었다는군요. (아래 그림) * 준비물: prototype.js & scriptacoulous.js & Glider.js 다운받기 싫다면 Google Ajax Libraries 에서 로딩 또는 로딩 순서는 틀리면 안됨 Glider 는 3개의 CSS Class 를 사용한다. scroller – serves as a window in which sections will appear, one at a time section – wraps around contents in individual panels in the glider controls – wraps arou..

$$('input:checked[type="radio"][name="my_radio_group"]').pluck('value'); [출처] http://stereointeractive.com/blog/2008/06/05/get-radio-button-value-using-prototype/

http://stereointeractive.com/blog/code/prototype-tabs/#download

0 1 2 3 Select All DeSelect All var checkboxes = []; checkboxes = $$('input[type=checkbox]'); var f = $('options'); // checkboxes 리턴값은 "[input 0, input 1, input 2, input 3]" checkboxes = f.getInputs('checkbox'); // 전체 선택 버튼 클릭하면 $('btnSelectAll').observe('click', function() { checkboxes.each(function(chkbox) { chkbox.checked = 1; }); }); // 전체 선택 해제 버튼 클릭하면 $('btnDeSelectAll').observe('click', f..

[출처] http://ferdinand.rs/javascript/ferdinandslider Prototype & ScriptAculous 기반의 이미지 Slider. 페이드 효과로 이미지가 교체되며 캡션이 지원된다. 유명한 라이트박스의 모달로 띄워지는 부분이 곧바로 본문 페이지에서 실행되는거라고 보면 된다.

http://www.prototypextensions.com 이게 뭔가요? PrototypeXtensions 은 Prototype.js 과 Script.aculo.us 프레임웍 기반의 JavaScript library 이다. 컴포넌트 코어 확장 Class.accessors : 클래스를 위한 기본 접근자들 만듬. Cookie : 쿠키를 만들고, 읽고, 수정하고 삭제. Browser : 웹브라우저의 버젼을 쉽게 알게 한다. EventManager : 당신의 클래스들과 오브젝트들안의 커스텀 이벤트들 통합. Number : 시간 계산 방법의 설정. String : 당장은, 많지는 안고... 기록 History : URL Hash의 인자를 쉽게 "set/get" History.Observer : URL Hash ..