Edit | History | Print | Changes | AllChanges
Edit Title | Edit TopBar | Logout

MultiSelect.MultiSelect History

Hide minor edits - Show changes to markup

November 23, 2007, at 01:48 AM by firejune -
Added line 16:
  • Key 조합 없이 사용할 수 있음
November 20, 2007, at 03:41 AM by firejune -
Changed line 5 from:
  • MIT-style license.
to:
  • MIT license.
November 19, 2007, at 04:00 AM by firejune -
Changed lines 1-2 from:

Prototype 기반 다중 선택기 API입니다. 특정 영역을 Drag&Drop으로 끌어서 복수 항목을 선택할 수 있게 합니다. Web 특성을 살려 Ctrl키와 Shift키의 조합없이 사용할 수 있도록 설계 되었습니다. 추후 Windows Convention을 따르는 UI를 Optional하게 지원할 예정입니다.

to:

Prototype 기반 다중 선택기 API입니다. 특정 영역을 Drag&Drop으로 끌어서 복수 항목을 선택할 수 있게 합니다. web 특성을 살려 Ctrl키와 Shift키의 조합없이 사용할 수 있도록 설계 되었습니다. 추후 Windows convention을 따르는 UI를 optional하게 지원할 예정입니다.

Changed line 13 from:
  • Cross-Browser
to:
  • Cross-browser
November 19, 2007, at 03:34 AM by firejune -
Added lines 4-6:

License

  • MIT-style license.
Deleted lines 19-21:

License

  • MIT-style license.
November 19, 2007, at 03:29 AM by firejune -
Changed line 4 from:

Download

to:

Download

November 19, 2007, at 03:23 AM by firejune -
Deleted lines 16-47:

Example

(:html:) <pre><code class="javascript">new MultiSelect('testElement');

// CSS 시각효과 설정 new MultiSelect('testElement', {     dragSelect: false, // 드래그 사용 여부     rectangleCN: 'MS-rectangle', // 선택영역 스타일 이름     selectCN: 'MS-select',  // 선택된 아이탬 스타일 이름     unselectCN: 'MS-unselect', // 선택되지 않은 아이탬 스타일 이름 }});

// 예제에 사용한 코드 var selector = new MultiSelect('testElement', {     // 변화가 생기면 이벤트 발생     onChange: function(){     var debug = $('debug2'), comma = '';     debug.innerHTML = 'Selected : ';

    selector.items.each(function(a){         if(a.success) {             debug.innerHTML += comma + a.element.innerHTML;             comma = ', ';         }     }); }});

selector.setOffset(true); // 포지션 다시 계산하기 selector.selectAll(true); // 모두 선택하기 selector.selectAll(false); // 모두 선택 해제하기</code></pre> (:htmlend:)

November 19, 2007, at 03:22 AM by firejune -
Changed lines 5-7 from:

multiselect.zip (3.4kb) 30 Downloads

to:
November 19, 2007, at 03:22 AM by firejune -
Added line 5:
November 19, 2007, at 03:21 AM by firejune -
Changed lines 5-6 from:
to:

multiselect.zip (3.4kb) 30 Downloads

November 19, 2007, at 03:19 AM by firejune -
Changed line 4 from:

!!Download

to:

Download

November 19, 2007, at 03:19 AM by firejune -
Changed lines 4-5 from:

Download

to:

!!Download

November 19, 2007, at 03:19 AM by firejune -
Changed lines 6-7 from:
to:
November 19, 2007, at 03:19 AM by firejune -
Changed lines 4-7 from:

Postit note

Suspendisse nisl tellus, tincidunt ac, adipiscing in, tincidunt non, urna. Praesent lectus. Nulla ultrices metus in mauris.

to:

Download

Deleted lines 51-53:

Download

November 19, 2007, at 03:18 AM by firejune -
Added lines 2-8:

Postit note

Suspendisse nisl tellus, tincidunt ac, adipiscing in, tincidunt non, urna. Praesent lectus. Nulla ultrices metus in mauris.

November 18, 2007, at 01:28 PM by firejune -
Changed lines 9-10 from:
  • Prototype Version 1.6.0 이상
  • Script.aculo.us Version 1.8.0 이상
to:
  • Prototype Version 1.6.0 이상
  • Script.aculo.us Version 1.8.0 이상
November 18, 2007, at 02:09 AM by firejune -
Changed lines 41-43 from:

selector.selectAll(false); // 모두 선택 해제하기 </code> </pre>

to:

selector.selectAll(false); // 모두 선택 해제하기</code></pre>

November 18, 2007, at 02:07 AM by firejune -
Changed lines 42-43 from:

</code></pre><br />

to:

</code> </pre>

November 18, 2007, at 02:07 AM by firejune -
Changed line 42 from:

</code></pre>

to:

</code></pre><br />

Deleted line 43:
November 18, 2007, at 01:58 AM by firejune -
Added line 15:
November 18, 2007, at 01:58 AM by firejune -
Added line 12:

Example

November 18, 2007, at 01:57 AM by firejune -
Deleted lines 10-19:

<pre><code class="javascript">new MultiSelect('testElement');

// CSS 시각효과 설정 new MultiSelect('testElement', {     dragSelect: false, // 드래그 사용 여부     rectangleCN: 'MS-rectangle', // 선택영역 스타일 이름     selectCN: 'MS-select',  // 선택된 아이탬 스타일 이름     unselectCN: 'MS-unselect', // 선택되지 않은 아이탬 스타일 이름 }});

November 18, 2007, at 01:57 AM by firejune -
Added lines 11-52:

<pre><code class="javascript">new MultiSelect('testElement');

// CSS 시각효과 설정 new MultiSelect('testElement', {     dragSelect: false, // 드래그 사용 여부     rectangleCN: 'MS-rectangle', // 선택영역 스타일 이름     selectCN: 'MS-select',  // 선택된 아이탬 스타일 이름     unselectCN: 'MS-unselect', // 선택되지 않은 아이탬 스타일 이름 }});

(:html:) <pre><code class="javascript">new MultiSelect('testElement'); // CSS 시각효과 설정 new MultiSelect('testElement', {     dragSelect: false, // 드래그 사용 여부     rectangleCN: 'MS-rectangle', // 선택영역 스타일 이름     selectCN: 'MS-select',  // 선택된 아이탬 스타일 이름     unselectCN: 'MS-unselect', // 선택되지 않은 아이탬 스타일 이름 }});

// 예제에 사용한 코드 var selector = new MultiSelect('testElement', {     // 변화가 생기면 이벤트 발생     onChange: function(){     var debug = $('debug2'), comma = '';     debug.innerHTML = 'Selected : ';

    selector.items.each(function(a){         if(a.success) {             debug.innerHTML += comma + a.element.innerHTML;             comma = ', ';         }     }); }});

selector.setOffset(true); // 포지션 다시 계산하기 selector.selectAll(true); // 모두 선택하기 selector.selectAll(false); // 모두 선택 해제하기 </code></pre> (:htmlend:)

November 18, 2007, at 01:40 AM by firejune -
Added lines 1-19:

Prototype 기반 다중 선택기 API입니다. 특정 영역을 Drag&Drop으로 끌어서 복수 항목을 선택할 수 있게 합니다. Web 특성을 살려 Ctrl키와 Shift키의 조합없이 사용할 수 있도록 설계 되었습니다. 추후 Windows Convention을 따르는 UI를 Optional하게 지원할 예정입니다.

Features

  • Cross-Browser
  • 표준을 따르는 HTML과 CSS 사용
  • Element의 모양 변화에 실시간 반응

Requirements

  • Prototype Version 1.6.0 이상
  • Script.aculo.us Version 1.8.0 이상

License

  • MIT-style license.

Download

ChangeLog

  • 2007-4-16 Update : 다수의 버그 수정