'2013/12'에 해당되는 글 2건

  1. 2013.12.24 CKEditor, FCKEditor 작성된 내용 JavaScript에서 확인
  2. 2013.12.16 jQuery Modal Dialog

CKEDITOR 사용법


1. textarea 의 내용을 가져오기

CKEDITOR.instances.textarea_id.getData()


여기서 textarea_id 란,

예를 들어 <textarea id="example" name="example"></textarea> 라고 코딩을 하였다면textarea_id 

example 이 된다.


즉, CKEDITOR.instances.example.getData() 로 textarea 에 작성한 글을 가져올수 있다.




※ 자바스크립트에서 내용 확인 후 vaildate 하기 위해 필요했는데 1시간 동안 뻘짓하다 네이버에서 찾아낸 내용.

Posted by 철냄비짱
,

jQuery Modal Dialog

Javascript 2013. 12. 16. 17:54

http://labs.voronianski.com/jquery.avgrund.js/

 

jquery.avgrund.js.zip

 

예제소스

파란색 링크만 변경해주면 임의 실행 변경 가능.

 

<script>

 $(function() {

  $('#show').avgrund({

   height: 200,

   holderClass: 'custom',

   showClose: true,

   showCloseText: 'Close',

   enableStackAnimation: true,

   onBlurContainer: '.container',

   template: '<p>So implement your design and place content here! If you want to close modal, please hit "Esc", click somewhere on the screen or use special button.</p>' +

 

   '<div>' +

   '<a href="LINK1" target="_blank" class="github">Avgrund on Github</a>' +

   '<a href="LINK2" target="_blank" class="twitter">Twitter</a>' +

   '<a href="LINK3" target="_blank" class="dribble">Dribbble</a>' +    

   '</div>'

  });

 });

 </script>

 

 

Posted by 철냄비짱
,