{webkini_blog;}

http://mootools.net/forge/p/mooclip 이전에 IE 이외엔 클립보드로 복사하는 방법이 쉽지 않았다. 이래저래 서핑해보니 window.clipboardData.setData("data2", data1); 이 방법이 있는데 IE 외에는 작동하지 않는다. 더 둘러봤던 결과 플래시를 사용해서 복사 가능한 방법이 있는데, 구체적으로 어떻게 사용하는지에 대한 부분은 언급이 없었는데, 최근 무툴즈 Forge에 쉽게 쓸 수 있도록 나온것이 있어서 기록해둔다. 아직 적용해본 곳은 없어서 일단 사용법만 복사해다가 남긴다. [HTML] Copy to Clipboard [JS] new MooClip('#mycopybuttton', { onCopy: function(e){ // do stuff } });

브라우저에 따라서 다르게 나타나는 문제입니다. IE가 아닌 브라우저에서는 마우스 이벤트를 잡아내는데 별 이상이 없는지라 마우스의 드래그앤 드롭 신호를 정확히 잡아 냅니다. 근데 IE에서는 마우스 이벤트를 제대로 잡아 내지 못하는 경향이 있습니다. 드래그 신호가 마우스 버튼을 땐 후에도 사라지지 않아 한번 더 누를때까지 계속 잡혀 있을 수도 있고, 드래그 중에 갑자기 끊어지는 경우도 있습니다. Mootools 에서 보면 드래그 드롭 신호를 처리하는 곳이나 혹은 Sortable 클래스를 사용할때 문제가 되고 있습니다. Sortable 기능은 개인적으로 좋아하는지라 자주 사용하는데 IE에서는 사용이 그다지 원활하게 이루어지지 않아서 늘 불만이 있던 부분이었습니다. 물론 다른 브라우저에서는 테스트를 해봤는데 그..

오버레이(Overlay)란 플러그인은 웹 페이지 컨텐츠 위에 또 다른 레이어를 사용해 검게 혹은 희게 덮는 방법을 얘기합니다. 보통 폼이나 이미지, 동영상 플레이어 등을 화면과 분리해서 독립적으로 나타내고자 할때 사용하게 됩니다. Mootools에는 오버레이 플러그인이 그렇게 많지 않습니다. 제가 언듯 보기에 2~3가지 정도 대표적인 오버레이가 있는 것으로 봤습니다. 프로젝트 때문에 오버레이 플러그인을 찾아 사용해야 됐는데, 원래 http://digitarald.de/project/squeezebox/ 에 있는 Squeeze Box를 사용했었는데 일단 오버레이와 창을 같이 쓸 수 있도록 되어 있는거라 사용하기는 편하지만, 문제가 있습니다. 오버레인 순간 뒤쪽에 자리잡은 컨텐츠 일부가 사라져 버립니다. 플..

Mootools를 이용해 Checkbox 한꺼번에 토글할때 사용하는 코드이다. PHPSchool 에 보면 Mootools를 이용해 그냥 HTML 태그를 셀렉터로 이용하는 방법도 본 것 같은데, 일단 이건 id나 class셀렉트 해서 사용하는 방법이다. checkall 이벤트를 이용해서 미리 이벤트를 정해놓거나, 함수로 지정해서 onclick 이벤트에 사용하는 방법으로 구현해도 좋을듯하다 먼저 HTML 코드는 스크립트 코드는 다음과 같다 $('toggleall').addEvent("click",function(){ var value = $('toggleall').checked; $$('.checkone').each(function(el){ el.checked = value; }); });

http://mootools.net/blog/2009/09/22/mootools-124-released/ 무툴즈가 1.2.3 대에서 더이상 업데이트가 없을줄 알았는데, 업데이트를 하는군요. 일단 버그라든지 브라우저관련 문제(파이어폭스 버전업하면서 변동사항이 좀 있나보네요)들 해결때문에 1.2.4 버전을 릴리즈한다고 합니다. 업데이트 하면서 새로운 플러그인과 몇몇 기능 첨가 / 개선을 한다고 하네요. Mootools 2도 준비중인데 속도최적화에 중점을 두는듯 합니다. 아마 내년초나 봄정도에 나오지 않나 예상되네요. 아직 1.2.4버전은 다운로드 받을순 없고 이번주 , 다음주내로 릴리즈 될 듯 합니다.

최근에 Ajax에 이어 서버 PUSH 혹은 Comet등의 기술을 접목해 리얼타임 웹 어플리케이션이 가능해진 상황에서 게임이 없다는게 이상했었는데 이미 이런 프로젝트가 진행중에 있다니... 간단한 네트웍 캐쥬얼게임도 아닌 MMORPG 게임이다. 현재는 클로즈베타로 테스트중인거 같은데 스크린샷만으로는 꽤 퀄리티가 있는 게임으로 만들고 있는듯 하다. 최근에 트라비안?도 Ajax 기술을 사용한 웹게임인데 간단한 명령을 주고 턴에 따라 단순한 작업을 반복해야 하다보니 썩 재밌는 게임은 아니었다. 물론 게임내에 연합과 약탈들의 즐거움도 있겠지만... 일단 최종결과가 어떻게 될지는 모르겠지만, 리얼타임 웹게임으로써 좋은 결과를 보여줬으면 한다. http://www.vanthia.com/ http://forums.va..

관련글 : http://mootools.net/blog/2009/06/19/mootools-123-released/ 2.0 버전 이전에 1.2버전중 마지막 버전인 mootools 1.2.3이 릴리즈 됐습니다. 몇가지 버그 수정과 프레임웍간의 충돌 해결에 중점을 둔 수정인것 같습니다. 내용은 다음과 같습니다. Core Element: MooTools compatibility mode: the $ function is only defined if no pre-existing $ function is found. If an existing $ function is found, you can use document.id() Element: changed internal instances of $ to docum..

출처 : http://tools.uvumi.com/externalize.html Mootools를 이용해 새창에서 링크를 열도록 하는 스크립트이다. 다른 자바스크립트 라이브러리에서도 셀렉터나 관련요소들을 컨버팅해서 간단히 적용시킬수도 있을듯하다. 코드 1 첫번째 코드는 블로그, 소규모회사 페이지, 포트폴리오와 같은 사이트에서 유용한 코드 var externalize = function(){ $$('a[rel="external"]').addEvent('click',function(e){ e.stop(); window.open(this.get('href')); }).removeProperty('external'); }; 코드 2 간단한 코드인데 링크들이 많이 걸리는 페이지에 유용한 코드 var externa..

만들고 있는 웹어플에 Ajax에 결과 메시지를 화면에 뿌려줄 수 있는 메시지 알림을 찾아보다가 최종적으로 선택한게 된 Roar. 보통 메신저등에서 친구 로그인 정보등에 쓰이는 Growl 형태가 심플하고 좋은거 같아서 찾아보니, 자바 스크립트의 Alert와 비슷한 ClientCide에 Stickywin.Modal이 있었지만 약간 무거운 느낌과 사용법에 대한 부담으로 인해서 일단 제외. 그러고나니 무툴즈에서 쓸 수 있는 코드는 2가지 있었다. 1. Window.Growl http://icebeat.bitacoras.com/mootools/growl/ 사용법이 간단하고 인터페이스를 이쁘게 구성할 수 있지만, 일단 너무 형태가 고정되어 있고 가장 큰문제는 현재 무툴즈 최신버전에서는 제대로 돌아가지 않는다는 점이..

지난주인거 같은데 무툴즈 1.2 출시 이후에 꾸준히 버그 리포트를 받더니, 드디어 1.2.1일 출시 됐다. 이번 릴리즈에서 많은 버그들과 리소스 사용 효율, 또 호환성등 여러 부문에 걸쳐 수정하는데... 일단 1.2.1 이후 나오는 적은 양의 버그들은 1.2.2 버전으로 통해 해소할거 같고, 차후에 1.3을 계획 중이라고 언급하고 있다. 일단 다운로드 받아서 설치해보고 어느정도로 변했는지 알아봐야 할듯. 가벼운 느낌이 있는지(브라우저 상에서...) 원문 : http://mootools.net/blog/2008/10/16/mootools-121-released/