프리랜서 사짜

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

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

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

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

보여지는 경우가 허다함.

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


사용방법:

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

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

// 부모창

// 자식창

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

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

보일때가 있다.

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>

PHP에서 iconv 사용가능 하여야 합니다.

function tostring($text) {
//    return iconv('UTF-16LE', 'UTF-8', chr(hexdec(substr($text[1], 2, 2))).chr(hexdec(substr($text[1], 0, 2))));
    return iconv('UTF-16LE', 'UHC', chr(hexdec(substr($text[1], 2, 2))).chr(hexdec(substr($text[1], 0, 2))));
}
function urlutfchr($text){
    return rawurldecode(preg_replace_callback('/%u([[:alnum:]]{4})/', 'tostring', $text));
}

처리할 문서가 charset euc-kr 일경우 함수 tostring 에서 iconv 2번째인자를 "UHC" 로

 utf8 일경우 "UTF-8"로 지정한다.

Ex

$escapeString = "%uC548%uB155%uD558%uC138%uC694";  // 자스에서 "안녕하세요"를 escape 한 문자열

$unEscapeString = urlutfchr($escapeString);

echo $unEscapeString;

// 출력결과

// 안녕하세요

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);
}

   document.writeln(str1+" 글자 수 : "+str1.length);  // 공백 포함
   document.writeln(str2+" 글자 수 : "+str2.length);
   document.writeln();

   document.writeln(str1+" 의 indexOf('문자') : "+str1.indexOf("a"));    // 문자의 index 값 출력
   // 0부터 시작, 대소문자 구분, 중복될 경우 앞의 값 출력, 존재하지 않을 경우 -1 출력
   document.writeln(str2+" 의 indexOf('문자') : "+str2.indexOf("나"));
   document.writeln(str2+" 의 lastIndexOf('문자') : "+str2.lastIndexOf("나"));   // 중복될 경우 마지막 값 출력
   document.writeln();

   document.writeln(str1+" 의 charAt(index번호) : "+str1.charAt(0));    // index번호에 해당하는 문자 출력
   document.writeln(str2+" 의 charAt(index번호) : "+str2.charAt(3));
   document.writeln();

   document.writeln(str1+" 의 substring(index번호1, index번호2) : "+str1.substring(0,5));   // index번호1 부터 (index번호2 -1) 까지 문자 출력
   document.writeln(str1+" 의 substring(index번호1) : "+str1.substring(1));          // index번호2 생략시 문자열 끝까지 출력
   document.writeln(str1+" 의 substring(index번호1, -index번호2) : "+str1.substring(2,-1));  // index번호 음수는 불가
   document.writeln();

   document.writeln(str1+" 의 slice(index번호1, -index번호2) : "+str1.slice(2,-1));  // index번호가 음수일 경우 오른쪽 기준으로 0부터 시작
   document.writeln(str1+" 의 slice(index번호1) : "+str1.slice(1));
   document.writeln(str1+" 의 slice(index번호1, index번호2) : "+str1.slice(0,5));  // 음수를 제외하면 substring와 같다.
   document.writeln();

   document.writeln(str1+" 의 substr(index번호, length) : "+str1.substr(2,5));  // index번호 부터 length(글자 수) 만큼 출력
   document.writeln(str1+" 의 substr(index번호, length) : "+str1.substr(2,1));

   document.write("</pre>");
  </script>

--------------------------------------------------------------------------------------

Happy day 앞글자만 대문자 변환 : 까먹었음

Happy day 대문자 변환 : HAPPY DAY

Happy day 소문자 변환 : happy day


Happy day 글자 수 : 9

우리나라 좋은나라 글자 수 : 9


Happy day 의 indexOf('문자') : 1

우리나라 좋은나라 의 indexOf('문자') : 2

우리나라 좋은나라 의 lastIndexOf('문자') : 7


Happy day 의 charAt(index번호) : H

우리나라 좋은나라 의 charAt(index번호) : 라


Happy day 의 substring(index번호1, index번호2) : Happy

Happy day 의 substring(index번호1) : appy day

Happy day 의 substring(index번호1, -index번호2) : Ha


Happy day 의 slice(index번호1, -index번호2) : ppy da

Happy day 의 slice(index번호1) : appy day

Happy day 의 slice(index번호1, index번호2) : Happy


Happy day 의 substr(index번호, length) : ppy d

Happy day 의 substr(index번호, length) : p

[출처] JavaScript 문자열 함수|작성자 씬바라기