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시간 동안 뻘짓하다 네이버에서 찾아낸 내용.

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>

 

 

세션을 유지하기 위해 타 도메인으로 주기적 실행되는 메소드 첨부

 

dataType에 반드시 "jsonp" 작성

crossDomain : true 옵션도 있는데 무슨 차이인지는 모르겠음.

 

※중요

리턴받은 방법

jsonp 옵션에 callback 메소드명

data 파라미터에 반드시 callback 키값과, 실행될 js 메소드 명을 작성해야 된다.

 

같은 내용이 두번 들어가는게 찝찝하지만 어째서 인지 어느 곳이든 하나만 넣으니

콜백 함수가 실행이 안된다.

 

jquery 버전은 1.7.2

 

원인은 나중에...

 

var ssoSessionKeepProcess = function( url_ ) {
 
 $.ajax({
  url   : url_,
  type  : "POST",
  dataType : "jsonp", // jsonp
  jsonp  : "ssoSessionKeepCallback",
  async  : false,
  data : {
   "param" : "OK",
   "output" : "json",
   "callback" : "ssoSessionKeepCallback"
  }
 });
}
var ssoSessionKeepCallback = function( data ) {
 
 if ( data.SESSION_ID == null || data.STATUS_TEXT != "KEEP" ) {
  ssoLoginStart( "" );
 } else {
  //alert( SSOLOGIN001 );
 }
 
}

<script type="text/javascript">
$(function(){
  $("iframe.resize").load(function(){
    var frame = $(this).get(0);
    var doc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
    $(this).height(doc.body.scrollHeight);
    //$(this).width(doc.body.scrollWidth); // 너비도 자동적용하려면 주석 제거
  });
});
</script>

 

 

PHP, JAVA

     jQuery.ajax({
          url: "./guide.html",    //페이지
          global: false, 
          type: "POST",
          data: $("#frm").serialize(),
          dataType: "string",                //json xml text
          async:false,
          clearForm:true,
          resetForm:true,
          success: function(data){
               //성공 액션

 

          },
          error: function(response, textStatus, errorThrown){
               //실패 액션
          },
          beforeSend:function() {
               //실행되기 전 액션

 

          }

     }); 




C#
    $.ajax({
        type: "post",
        url: "ResponseText.aspx/GetMessage",
        data: "{}",
        contentType: "application/json; charset=utf-8" ,
        dataType: "json",
        success: function (data) {
          alert(data.d); // 단일값 : {key:'value'}
        },
        error: function (data) { alert('에러 발생' ); }

    });


JavaScript event.keyCode 자바스크립트 이벤트 키코드표

---------------------------------------
키코드표
---------------------------------------
←(백스페이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27
스페이스 = 32

PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40
INSERT = 45
DELETE = 46

0 = 48
1 = 49
2 = 50
3 = 51
4 = 52
5 = 53
6 = 54
7 = 55
8 = 56
9 = 57

A = 65
B = 66
C = 67
D = 68
E = 69
F = 70
G = 71
H = 72
I = 73
J = 74
K = 75
L = 76
M = 77
N = 78
O = 79
P = 80
Q = 81
R = 82
S = 83
T = 84
U = 85
V = 86
W = 87
X = 88
Y = 89
Z = 90

윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93

0(오른쪽) = 96
1(오른쪽) = 97
2(오른쪽) = 98
3(오른쪽) = 99
4(오른쪽) = 100
5(오른쪽) = 101
6(오른쪽) = 102
7(오른쪽) = 103
8(오른쪽) = 104
9(오른쪽) = 105

.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109

F1 = 112
F2 = 113
F3 = 114
F4 = 115
F5 = 116
F6 = 117
F7 = 118
F8 = 119
F9 = 120
F10 = 121
F11 = 122
F12 = 123

NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
\(중간) = 220
--------------------코드값알기---------------------
안녕하세요.
event.keyCode를 사용하시는 분들중에서 코드를 몰라서 못쓰시는 분들이 있을것
같아서 올립니다. 분명히 말씀드리지만 아시는 분들도 계실겁니다.
모르는 분들을 위해 올리는 것입니다. 혹시나 아신다고 욕쓰고 그러지 마십시요.
저번에도 알고리즘 하나 올렸는데 욕무지쓰셔서 속상했습니다..ㅠㅠ
그럼 즐거운하루 되시고...

그리고 코드를 알아낼수있는 방법은 다음과 같습니다.
<html>
<head>
<script>
function key_check(){
alert!("키번호는 [" +event.keyCode+ "] 입니다.");
}
</script>
</head>
<body onKeyDown='key_check();'>
알고싶은 키패드를 꽉! 눌러주세요...ㅡㅡ;
</body>
</html>

-------------------사용법-------------------------
필드 입력하고 나서 엔터 때리면 이벤트 발생
event.keyCode 의 키표를 보고 어떤걸 누룰것이지?
<input type="text" name="ccc"
omKeyDown="javascript:if(event.keyCode==13){alert!('ok!');}" >

-------------------------------------
출처 두군데것 조합 햇음


  1. 혜령 2011.01.07 22:05 신고

    감사합니다 ㅎㅎㅎㅎㅎㅎㅎ 저한테는 무지 유용한 정보 입니다. ㅎㅎ

  2. DoubleJH 2011.05.09 12:53 신고

    저한테도 무지 유용한 정보였어요~^^

  3. 김준혁 2013.10.20 10:26 신고

    감사합니다!
    아! 그리고 '코드값알기'의 9번째 줄 body 부분에 오타 나신 것 같네요.. (omKeyDown ⇒ onKeyDown)



보통 자바스크립트로는 팝업. (window.open) 메소드를 이용한 팝업으로 이루어진다.

우편번호, 공지, 광고 등등

사용중 팝업을 이용하여 필수 정보를 입력시 브라우저의 포커스로 인해 팝업창이 뒤로 숨고 부모창이

보여지는 경우가 허다함.

그래서 사용되는 것이 javascript의 showModalDialog(); 유용한 함수 소개


사용방법:

새 창을 열고 (팝업), 거기에 HTML을 표시하는 방법.
모달 (modal)이란 모덜리스 의 반대로 해당 윈도우가 열려있는 동안 다른 창을 조작할 수 없다.

(모달 대화 상자를 연 창만이 조작할 수없는 경우 윙도우모달 다른 창을 모두가 작동하지 않을 경우
시스템모달 라고 부르는 것 같은 느낌이 들었는데, JavaScript에서 윙도우모달 택일)



showModalDialog ()의 제 3 인수
매개 변수 이름 가능한 값 설명
dialogWidth 숫자. 단위 필수 대화의 너비
dialogHeight 숫자. 단위 필수 대화 상자의 높이
dialogLeft 숫자. 단위 필수 대화의 X 좌표
dialogTop 숫자. 단위 필수 대화의 Y 좌표
center 真偽値 불리언 대화 상자를 화면 중앙에 있는지 여부. dialogLeft,dialogTopdialogLeft, dialogTop가 지정되어 있으면 해제
status 真偽値 불리언 대화 상태 표시줄을 낼지 여부
scroll 真偽値 불리언 (내용이 대화 상자의 크기보다 큰 경우) 스크롤바를 발행 여부
resizable 真偽値 불리언 대화 상자의 크기를 변경할 수 있는지 여부
help 真偽値 불리언 대화 상단 표시줄 오른쪽의 도움말 단추 "?"를 발행 여부
minimize 真偽値 불리언 대화 상자 위쪽 막대의 오른쪽 끝에있는 최소화 버튼 "_"를 발행 여부
maximize 真偽値 불리언 대화 상자 위쪽 막대 오른쪽의 최대화 버튼 "□"를 발행 여부
border thin thin ?
unadorned 真偽値 불리언 ?
edge raised,sunken ?
dialogHide 真偽値 불리언 ?
font 数値 숫자 ?
※ 사실 값은 0,1, yes, no, on, off 중 하나







// 부모창

1 <SCRIPT>
2     var args = new Array();
3     args[“id”] = “id”;
4     args[“name”] = “name”;
5     var msgDialog = window.showModalDialog(url, args, ‘dialogWidth:320px; dialogHeight:200px; center:yes; help:no;     status:no; scroll:no; resizable:no’);
6     return msgDialog;
7 </SCRIPT>



//
자식창

IE 7과 관련해서 window.showModalDialog 로 불려질 때 , <base target=”_self” />입력해야

window.close() 가 정상적으로 작동하게 된다. IE 6 또한 일부 업데이트에 대해서 같은 반응을

보일때가 있다.

01 <HEAD>  
02 <BASE target=”_self”>
03 <SCRIPT>
04    // 부모창의 값을 꺼냄
05    var msg = window.dialogArguments[“id”];
06    var msg = window.dialogArguments[“name”]; 
07    var val = “값을 받아라”;
08    // 부모창으로 값을 넘김
09    window.returnValue = val;
10    window.close();
11 </SCRIPT>


제조사 : http://www.meadroid.com/

Meadroid 사에서 서비스 중인 익스플로어에서 프린티 그닝 설정 ActiveX

이전 대구 데이타콤에서 근무할 당시 동원금속 의뢰로 작업한

온라인 입사지원 프로그램의 일부분.

당시 정대규 대리님의 지원하에 개발완료.

현재 윈도우7 및 익스플로어8 버전의 발표로 최신버전 발표.

충북일보 작업으로 인해 최신버전으로 수정.

사용예


해당 파일을 서버에 업로드 후

웹페이지에서

<object id=factory style="display:none" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"  codebase="/smsx.cab#Version=6,5,439,30"></object>


javascript부분에서 기타 설정

<script language="javascript">
function doc_print(){
  factory.printing.header = "";
  factory.printing.footer = "";
  factory.printing.portrait = true; 
  factory.printing.leftMargin = 2.16;    
  factory.printing.topMargin = 2.16;    
  factory.printing.rightMargin = 2.16;    
  factory.printing.bottomMargin = 2.16;
  if (document.body.all["Reading_Permission"]) document.body.all["Reading_Permission"].style.display="none"
  factory.printing.Print(false, window);
  if (document.body.all["Reading_Permission"]) document.body.all["Reading_Permission"].style.display="block"
 //parent.window.frames[0].focus();
 //parent.window.frames[0].print();

</script>


opener가 있는 지 없는지 확인해서 있다면 그 페이지에서 원하는 페이지로 이동

포커스 준다.

만약 opener를 닫고 팝업창만 있다면 새창을 띄운다.

<script language=javascript>
<!--
function goURL(){
 var page = "이동페이지.html";

 if(조건에 맞다면){
  var openerType = typeof opener.location.href;

  if( openerType == 'string' ){
   opener.location.href=page;
   opener.focus();
  }else{
   window.open(page,'','');
  }
 }else{
  window.open(page,'','');
 }
}
//-->
</script>



function getDateForm()
{
 var form  = document.info;
 var now = new Date();
 year = now.getYear();
 month = now.getMonth() + 1;
 day = now.getDate();
 min = now.getMinutes();
 sec = now.getSeconds();
 ampm = (now.getHours() >= 12) ? "오후" : "오전";
 hour = now.getHours();

 hour = ((hour > 12) ? hour - 12 : hour );
 min = ((min >= 10) ? min : "0" + min);
 sec2 = ((sec >= 10) ? sec : "0" + sec);
 
 day_title = getWantDayOfWeekTitle( getWantDayOfWeek(year,month,day)  )+'요일';
 
 
    //2006.09.30 15:30:07 화요일
 form.sTime.value = "" + year + ". " +toLen2( month )+ ". " + toLen2(day) + "  " + ampm + " " + hour + ":" + min + ":" + sec2+ " "+ day_title

 now.setSeconds(sec + 1);
 window.setTimeout('getDateForm()', 1000);
}

  1. 2009.08.13 11:19

    비밀댓글입니다

+ Recent posts