웹프로그래머

지금 현재 내가 쓰고 있는 에디터는 스마트에디터이다.

그런데 다국어가 필요해서 검색을 하다가 다음 오픈에디터를 발견했다.

그래서 데모를 보니 스마트보다 괜찮아보이네?

재빨리 적용해봐야지.

네이버 스마트에디터 http://dev.naver.com/projects/smarteditor
데모 http://dev.naver.com/projects/smarteditor/wiki/SmartEditorBasicUserInterfacePreview

다음 에디터 http://code.google.com/p/daumopeneditor/
데모 http://uie.daum.net/openeditor/sample/1.5.1/editor.html

jQuery 셀렉터

: CSS의 셀렉터와 같은 방법으로 이용한다.

$("#myDiv").css("border","3px solid red");

jquery를 사용하는 방법.

이렇게 사용한다.

$는 jquery라는 것을 알리기위한 asp에서는 <% %>, php <?php ?> 정도인거 같다.

$대신 jQuery를 적어도 무방하다.

http://jquery.com

이전 포스트에서 잠깐 나온 쿠키플러그인

$.cookie('the_cookie');     // get cookie
$.cookie('the_cookie', 'the_value');     // set cookie
$.cookie('the_cookie', 'the_value', { expires: 7 });     // set cookie with an expiration date seven days in the future
$.cookie('the_cookie', '', { expires: -1 });      // delete cookie
$.cookie('the_cookie', null);     // delete cookie

플러그인 원본이 어디있는지 잊어버려서 링크를 못 걸겠다. ㅜ,.ㅜ

jquery.cookie.min.js

<style type="text/css">
/* Popup Style */
.dragDiv { position:absolute; z-index:1000; background-color:#EFF7FF; border:1px solid #96C2F1; }
.dragDiv h5 { background-color:#B2D3F5; padding:5px; height:16px; margin:1px; font-size:12px; }
.dragDiv .pop_content { position:relative; }
.dragDiv .pop_btn { margin:3px 5px 3px 3px; text-align:right; height:20px; vertical-align:middle; text-align:middle; }
.dragDiv .pop_sub { width:100%; height:100%; }
.dragDiv .pop_sub_title { text-align:center; margin:5px; padding:0; font-size:14px; }
.dragDiv .pop_sub_content { margin:0 5px; padding:0; }
</style>

<script type="text/javascript">
     $(function() {
          $('.dragDiv').Drags({
               handler: '.handler',
               zIndex:1000,
               opacity:.9
          });
     });
     function popHide( arg ) {
          $("div[id='"+ arg +"']").fadeOut("fast");
     }
     function popFired( arg, day ) {
          $.cookie( arg, 'closed', { expires: day });
          popHide( arg );
     }
</script>

<div id="dragDiv" class="dragDiv">
     <h5 class="handler">팝업 타이틀<a href="#" onclick="popHide('dragDiv');return false;" class="fr">닫기</a></h5>
     <div class="pop_content">팝업 내용</div>
     <div class="pop_btn">
          <label><input type="checkbox" name="" value="" onclick="popFired('dragDiv','1');" />하루동안 창닫기</label>
     </div>
</div>

드래그가 가능한 팝업창. 쿠키를 지원한다.

쿠키와 드래그 스크립트 파일을 로드해야 가능.

jquery.drag.js

jquery.cookie.min.js