posted by 준치 2018. 2. 1. 15:26

간혹 javascritp 로 guid를 만들 일이 있어서 함수를 만들어 본다...


function guid() { return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); }


function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); }


alert(guid());


결과 : e2c6dd42-1c37-532c-8a83-1c225da9723b


오늘도 화이팅!!


출처 : https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript

posted by 준치 2014. 2. 12. 16:24

오늘은 DropDownList 를 사용하여 항목 선택을 했었는데...

그중에 항목(item)을 삭제한 후에 저장되어있는 데이터를 보여주려고 item 없어서 안보인다..젠장..ㅋ

그래서 javascript 로 load 시점에서 항목(item)을 추가하기로 했다. 고고씽...

누군가 친절하게 javascript 함수를 만들어 놓았다.

해결방법

<script type="text/javascript">
  function AddItem(Text,Value)
  {
   var opt = document.createElement("option");
   document.getElementById("DropDownList").options.add(opt);
   opt.text = Text;
   opt.value = Value;
  }
 </script>

테스트 결과 아주 잘된다. ㅎㅎㅎ

출처 : http://chiragrdarji.wordpress.com/2007/06/06/add-items-in-drop-down-list-or-list-box-using-javascript/

오늘도 화이팅~

posted by 준치 2013. 8. 29. 17:42

은근 자주 사용하는 자바스크립트...

팝업을 띄우는데 화면 가운데 띄우고 싶다.. 이럴때 사용한다..

var uri = '팝업창 url'
    var width = 520;
    var height = 500;
    var top = (screen.availHeight - height) / 2;
    var left = (screen.availWidth - width) / 2;

    var strFeature;
    strFeature = 'height=' + height + ',width=' + width + ',menubar=no,toolbar=no,location=no,resizable=no,status=no,scrollbars=yes,top=' + top + ',left=' + left

window.open(uri, 'DocAttach', strFeature);

함수로 만들어 쓰면 간단하다.

오늘도 화이팅~~

posted by 준치 2011. 10. 14. 17:04

팝업창을 닫으려고 window.close 와 self.close 를 사용하니..

창을 닫겠습니까?! 라는 경고창이 뜬다.. ㅠㅠ

사용자 왈.. 이거 안보이게 해줄수 있나요?! 흠....

겁나 검색 해보니.. 나왔다... 퍼옴...

window.open('','').close();  이걸로 해결 했심둥...ㅋㅋ

이유는 IE 보안정책?!!! 

6버전?!(아직 쓰시는분 있나?!) 과 7버전 이상의 보안정책 다르다네..

- 해결방법
IE6버전은 window.close(); 사용해도 됨(안되면 어쩔수 없구..ㅠㅠ).
IE7버전 이상은 window.open('','').close(); 이걸로...ㅎㅎ




posted by 준치 2009. 11. 18. 16:04
<tr width="100%" onclick="ttt()" onmouseover=this.style.backgroundColor='#E0ffff' onmouseout=this.style.backgroundColor='#ffffff'>

tr에 마우스를 올려놓거나 빼면 색상을 변경해달라는 요청으로
찾은거...해보니 간단하게 끝...즐 코딩...
posted by 준치 2009. 11. 18. 10:00

 

<HTML>

<HEAD>

<script type='text/javascript'>

var contextNum = 0;
function contextClick(){
   
    if(contextNum == 0)
    {
        MasterID = 'ctl00_PlaceHolderMain_TransportForms_';
        document.getElementById(MasterID+'SendContext').value = "";
    }
   
    contextNum = 1;
   
}

</script>

</HEAD>

 

<BODY>

<input type='text' id='fo' name='fo' onfocus=contextClick()' />

</BODY>

</HTML>

textbox에 클릭하면 스크립트로 textbox에 aaa가 들어간다..

posted by 준치 2009. 2. 10. 22:27

var str = "http://yahoo.co.kr";

document.write(str.match(/http/));
document.write(str.replace(/http/,"timo")); 

document.write(str.match(/^t/));
 // ^ : t로 시작하는 문자열, str은 h 로 시작하므로 null 반환
document.write(str.replace(/^h/,"hahaha"));
// hahahattp://yahoo.co.kr 

document.write(str.match(/t$/));
// $ : t로 끝나는 문자열, str은 r 로 끝나므로 null 반환

document.write(str.replace(/r$/,"kakaka"));

// http://yahoo.co.kkakaka 
// . \n 을 제외한 한 문자
document.write(str.match(/.r/));
// . : 문자 + r 조합으로 이루어진 문자열 kr 반환
document.write(str.match(/h./));
// h + 문자 조합으로 이루어진 문자열 ht 반환
document.write(str.match(/h.t/)); 
// h + 문자 + t 조합으로 이루어진 문자열 htt 반환
str = "ooaaadddccadooaddd"
document.write(str.match(/d*d/g));
// * : d 앞에 d 가 0번 이상 나오는 문자열. ddd,d,ddd 반환
document.write(str.replace(/d*d/g,"__"));
//  ooaaa__cc__oo__ 
str = "xxxyyyxyz";
document.write(str.match(/xy?z/g));
// ? : z 앞의 문자 y 가 없거나 딱한번 있는 문자열 xyz 반환
document.write(str.replace(/xy?z/g,"_"));
// xxxyyy_  
str = "xxxyyyxyyyyyz";
document.write(str.match(/xy+z/g));
// + : z 앞의 문자 y 가 한번 이상 있는 문자열 xyyyyyz  반환
document.write(str.replace(/xy+z/g,"_"));
// xxxyyy_ 

[] : 괄호안의 !!문자!!나 !!숫자!!중 !!하나에!! 해당되면 참

document.write(str.match(/[xyz]/g));

// x,x,x,y,y,y,x,y,y,y,y,y,z


document.write(str.replace(/[xyz]/g,"_"));

// _____________

 

str = "ab12cd";

document.write(str.match(/ab[12]cd/g));

// [] 기호는 한개의 문자에 매치되므로 결과는 null

// ab1cd 이거나 ab2cd 인 문자열에 매치된다. 

str = "ab1cd";

document.write(str.match(/ab[12]cd/g));

// [] 기호는 한개의 문자에 매치되므로 결과는 ab1cd  

document.write(str.match(/ab[^12]cd/g));

// ab1cd 가 아니거나 ab2cd 가 아닌 문자열을 찾는다. 결과는 null 

document.write(str.match(/ab[^34]cd/g));

// ab3cd 가 아니거나 ab4cd 가 아닌 문자열을 찾는다. 결과는 ab1cd


{} 괄호앞의 !!문자!! 가 반복된 횟수를 의미 , 숫자만 들어갈 수 있다.


str = "xxxyyyz";

document.write(str.match(/x{3}y/g));

// x가 3번 반복된 문자열을 찾는다. 결과는 xxxy


document.write(str.match(/x{1,}y/g));

// x가 1번 이상 반복된 문자열을 찾는다. 결과는 xxxy


document.write(str.match(/x{0,3}y/g));

// x가 0번 이상 3번 이하 반복된 문자열을 찾는다. 결과는 xxxy,y,y


() 괄호안의 문자열을 참조 단독으로 쓰지 않고 *,+,? 등과 조합해서 사용된다.
str = "xyayayaz";

document.write(str.match(/x(ya)*z/g)); //==> xyayayaz  

str = "xxxxxabcabczzzzz";
document.write(str.match(/x(abc)*z/g));

// *는 z앞의 문자가 없거나 한번 이상 있는 경우를 나타내므로 결과는  xabcabcz


document.write(str.match(/x(abc)?z/g));

// ?는 z앞의 문자가 없거나 딱 한번 있는 경우를 나타내므로 결과는 null


document.write(str.match(/x(abc)+z/g));

// +는 z앞의 문자가 한번 이상 있는 경우를 나타내므로 결과는 xabcabcz
document.write(str.match(/x(abc){0,2}z/g));

// xabcabcz
document.write(str.match(/x(ab|cd){0,2}z/g));

// xabcabcz  

str = "http://naver.com http://na http://nav";
document.write(str.match(/(http:\/\/[a-zA-Z0-9\.]{1,})/g));

// http://naver.com,http://na,http://nav  

document.write(str.replace(/(http:\/\/[a-zA-Z0-9\.]{1,})/g,"*"));

// * * *
document.write(str.match(/(http:\/\/[a-zA-Z0-9\.]{10,})/g));

// null
[이메일]
-이메일 형식을 검색
/\w+@\w+\.\w+/g 

[숫자]
-숫자가 아닌 문자를 검색
/\D+/g 

[이름]
-이름에 숫자나 특수문자가 들어갔는지 검증
/[^a-zA-Z]+/g

/[^a-zA-Z가-하]+/g

정규식을 바로 테스트 해 볼수 있는 사이트

http://www.roblocher.com/technotes/regexp.aspx

http://blog.naver.com/liba2000?Redirect=Log&logNo=140052579331
posted by 준치 2009. 1. 20. 10:13

<script type="text/javascript">

function add(){
   var oText = document.createElement("input");
   oText.setAttribute("type", "text");
   oText.setAttribute("id", "txt");
   document.myform.appendChild(oText);
}
function del(){
   var oText = document.getElementById("txt");
   oText.parentNode.removeChild(oText);
}
</script>

posted by 준치 2008. 11. 7. 21:55

:::내부:::
<script language="javascrip">
function 함수명()
{
소스
}
</script>


:::외부:::
<a href="#" onclick="alert('환영')">▶ 버튼에 스크립트 삽입
<a href="javascript:alert('환영')">▶ 버튼에 스크립트 삽입
<script language='javascript' src='fr.js'></script>▶ 외부에서 가져오기





:::Window객체:::
window.defaultStatus▶ 상태 표시줄에 표시할 문자열의 초기 값 설정
window.frames▶ 창에 포함된 프레임을 배열 형태로 지정
window.opener▶ 오픈메소드를 사용해서 새 상츨 열었을 경우, 새 창을 열도록 한 문서를 가리킴
window.parent▶ 상위 프레임을 가리킴
window.self▶ 현재 작업중인창
window.top▶ 프레임이 설정되기 전에 상태로 돌아감
window.classes▶ 문서 안에 정의된 모든 스타일시트의 정보를 갖음
window.tags▶ 모든 태그의 정보를 나타냄
window.screenX▶ 창의 x좌표 반환
window.screenY▶ 창의 y좌표 반환
window.close▶ 창이 닿여 있는지 확인 후 true, false 반환
windwo.length▶ 창 안에 프레임 수 반환
----------윈도우 메소드-----------
window.alert("메시지")▶ 경고 창
window.prompt("메시지", "기본문구")▶ 입력 창 띄움
window.confirm("메시지")▶ 확인, 취소창 띄움
window.status="환영합니다."▶ 상태표시줄 표시
window.close()▶ 창닫기
window.moveBy(x,y)▶ 브라우저를 상태좌표로 지정한 픽셀만큼 이동
window.moveTo(x,y)▶ 브라우저를 절대좌표로 지정한 픽셀만큼 이동
window.resizeBy(x,y)▶ 브라우저의 크기를 상대적으로 지정한 픽셀만큼 설정
window.resizeTo(x,y)▶ 브라우저의 크기를 절대 값으로 지정한 픽셀만큼 설정
window.scroll(x,y)▶ 창이나 프레임 안의 내용을 스크롤함
window.scrollBy(x,y)▶ 스크롤을 상대좌표로 이동
window.scrollTo(x,y)▶ 스크롤을 절대좌표로 이동
window.setTimeout("명령문",시간간격)▶ 일정한 시간 간격으로 명령문을 반복 실행(1/1000초 단위)
window.clearTimout()▶ SetTimeout()으로 동작되는 타이머 해제
window.print()▶ 현재 문서 출력
window.back()▶ 한단계 이전 URL로 이동
window.forward()▶ 한단계 이후 URL로 이동
window.home()▶ 브라우저에서 home으로 지정된 URL로 이동
window.stop()▶ 불러오기 중지
window.find("문자열")▶ 지정된 문자열이 있는지 검사(true, false 값)
window.open("경로","창이름","속성")▶ 새 창을 연다.
---------window.open()속성-----------
directories=yes/no▶ 연결 등 디렉토리 메뉴 표시 여부
menubar=yes/no▶ 메뉴 바 표시 여부
toolbar=yes/no▶ 툴 바 표시 여부
location=yes/no▶ 주소 입력줄 표시 여부
resizeble=yes/no▶ 크기 재설정 버튼 표시 여부
status=yes/no▶ 상태 표시줄 표시 여부
scrollbars=yes/no▶ 스크롤 바 표시 여부
copyhistory=yes/no▶ 히스토리 정보를 지정할지 여부
channelmode▶ 전체화면 모드
fullscreen▶ 전체화면으로 표시
width=값▶ 창 넓이
height=값▶ 창 높이
left=값▶ 좌측 좌표 값
top=값▶ 위쪽 좌표 값



:::특수문자:::
\n▶ 한줄 바꾸기
\t▶ 탭 키(커서가 탭  키를 누른 만큼 이동)
\b▶ 백 키(한 글자 좌측으로 이동하면서 좌측의 문자를 지움)
\f▶ 폼피트(한 장 넘어가 출력)
\r▶ 캐리지 리터(커서를 그 줄의 처음으로 이동)
\\▶ 역슬래시 표시
\'▶ 작은따옴표
\"▶ 쌍따옴표



:::이벤트핸들러:::
onClick▶ 창, 버튼 클릭
onDbclick▶ 더블클릭
onMouseover▶ 그림위로 마우스가 올라갈때
onMouseout▶ 마우스가 나갈때
onMousedown▶ 마우스 누르는 순간
onMousemove▶ 마우가 위치를 옮길때
onDragDrop▶ 클릭한 상태에서 이동 했을 때
onFocus▶ 커서가 위치할 때
onBlur▶ 커서를 잃어버렸을 때
onKeydown▶ 키보드 누를 때
onKeypress▶ 키보드를 누르는 순간
onKeyup▶ 키를 눌렀다가 떼는 순간
onSubmit▶ 전송 버튼을 눌러 폼 문서를 제출할 때
onReset▶ 입력 양식ㅇ르 초기화했을 때
onSelect▶ 입력 상자의 문자열을 선택하거나 체크상자, 라디오 버튼을 선택할때
onChange▶ 입력 양삭의 값이 바뀌었을 때
onLoad▶ 문서를 읽었을 때
onUnload▶ 문서를 닫을 때
onMove▶ 브라우저를 이동했을 때
onResize▶ 크기를 변경했을 때
onAbort▶ 그림을 읽는 도중 중지했을 때
onError▶ 문서나 그림을 읽는 도중 중지했을 때



:::내장함수:::
alert("mesage")▶ 확인버튼이 있는 메시지 창
prompt("mesage","기본문구▶ 입력상자가 있는 메시지 창을 띄움
confirm("mesage")▶ 확인 취소 버튼이 있는 창을 띄움
eval()▶ 문자열을 수식으로 바꿈
isNaN()▶ 전달받은 값이 숫자인지 문자인지 판별하여 숫자가 아닌 경우 true 값을 반환
parseFloat()▶ 문자열을 부동소수점으로 바꿈
parseInt()▶ 문자열을 정수로 바꿈
escape()▶ ISO-Latin-1 문제 셋을 아스키 값으로 바꿈,  URL 표기형으로 변환
unescape()▶ 위와 반대
isFinite()▶ 전달받은 값이 유리수인지 판단하여 유리수인 경우 ture 값 반환
Number()▶ 객체를 수치로 변환
String()▶ 객체를 문자열로 변환



:::Screen객체:::
window.screen.availHeight▶ 작업 표시줄을 제외한 화면의 높이를 픽셀 값으로 표시
window.screen.availWidth▶ 작업 표시줄을 제외한 화면의 너비를 픽셀 값으로 표시
window.screen.availTop▶ 화면 표시 영역의 y 좌표 표시
window.screen.availLeft▶ 화면 표시 영역의 x 좌표 표시
window.screen.height▶ 화면의 높이를 픽셀 값으로 표시
window.screen.width▶ 화면의 너비를 픽셀 값으로 표시
colorDepth▶ 컴퓨터에서 사용하고 있는 컬러 수를 표시
pixelDepth▶ 화면의 컬러 해상도를 표시(네비케이서용)




:::Document객체:::
document.bgcolor▶ 배경색
document.fgcolor▶ 문서의 글자색, 선색
document.linkcolor▶ 링크 색
document.vlinkcolor▶ 방문한 링크 색
document.alinkcolor▶ 선택 중인 링크 색
document.lastModifed▶ 홈페이지가 마지막으로 갱신된 날짜 저장
document.location▶ 웹 문서의 URL 저장
document.URL▶ 뭔서의 URL 주소 값 반환
document.domain▶ 서버의 도메인 명을 지정하거나 반환
document.title▶ <title>태그 사이에 문서 제목을 제공
document.cookie▶ 쿠키 파일의 정보를 읽고 쓸 수 있음
document.image▶ 문서에 삽입된 그림을 배열로 제공
document.links▶ 문서에 포함된 모든 링크의 이름을 배열로 제공
document.forms▶ <from>태그 입력 순서대로 배열로 제공
document.anchors▶ 문서에 포함된 하이퍼링크의 이름을 배열로 제공
document.Applets▶ 문서에 포함된 배열들의 배열을 제공
document.Embeds▶ 문서에 포함된 플러그인을 배열로 제공
document.layers▶ 레이어의 배열 정고를 제공
document.clear()▶ 문서의 모든 내용을 지움
document.open()▶ 문서의 내용을 보여줌
document.close()▶ open()으로 보여준 문서를 닫음
document.write()▶ 태그를 포함하는 문자열을 출력
document.writeIn()▶ <pre>태그와 함깨 사용하면 행 마지막에서 자동 개행
*document 객체에서 사용되는 핸들러는
ondbclick, onkeydown, onkeypress, onkeyup, onmousedown, onmouseup이다

  


:::Link객체:::
document.links[인텍스번호].속성▶ 인덱스 번호번째 링크 속성
document.links.length▶ 문서에 삽입된 링크 개수
document.링크이름.속성▶ 링크의 네임이 링크이름인 링크의 속성
---------link객체 속성------------
length▶ 문서 내 링크 개수 알려줌
href▶ URL 전체 주소 알려줌
protocol▶ 프로토콜의 종류 알려줌
host▶ 링크에 설정된 URL 주소, 호스트명, 포트번호 알려줌
hostname▶ 도메인명이나 IP 주소를 알려줌
pathname▶ URL에서 경로 부분의 정보를 알려줌
port▶ :8080과 같은 포트번호를 알려줌
search▶ ? 이후의 문자열을 알려줌
hash▶ anchor 객체의 이름을 알려줌
target▶ target 속성으로 지정한 문서가 열리는 프레임 이름을 알려줌
text▶ 해당 링크를 가지고 있는 문자열을 알려줌
x▶ 문서에서 해당 링크의 x좌표를 알려줌
y▶ 문서에서 해당 링크의 y좌료를 알려줌




:::Anchor객체:::
document.anchors[인덱스 번호].속성▶ 인덱스 번호번째 책갈피 속성
document.anchors.length▶ 문서에 삽입된 책갈피의 개수
document.anchors[책갈피명]또는 document.all[책갈피명]▶ 책갈피명이 같은 책갈피 설정
-------ancher객체 속성-------
lenght▶ 문서에 삽입된 책갈피 개수를 알려줌
name▶ 책갈피명을 알려줌
text▶ 책갈피로 설정한 문자열을 알려줌
x▶ 앵커 x좌표 값을 알려줌
y▶ 앵커 y좌표 값을 알려줌



:::Navigator객체:::
navigator.appCodeNamea▶ 브라우저의 코드명을 알려줌
navigator.appName▶ 브라우저의 종류를 알려줌
navigator.appVersion▶ 브라우저의 버전을 알려줌
navigator.userAgent▶ 브라우저의 코드명, 버전, 운영체제와 같은 브라우저의 정보를 알려줌
navigator.platform▶ 시스템 코드를 알려줌
navigator.javaEnable()▶ 브라우저에서 자바스키립트를 지원하는지 알려줌
navigator.tainEnable()▶ 문서가 정상적으로 열렸는지 알려줌



:::History객체:::
window.histor.속성
history.속성.메소드
-------history 메소드-----
back()▶ 뒤로
forward()▶ 앞으로
go(n)▶ n단계만큼 이동
go(0)▶ 새로고침
go(-1)▶ 이전 페이지로
go(1)▶ 다음 페이지로



:::Location객체
windows.locatioin.속성
location.속성=값
location.메소드
--------location속성-----------
hash▶ #다음에 오는 문자열, 즉 앵커 이름을 표시
host▶ 호스트명과 포트번호 표시
hostname▶ 호스트명을 표시
href▶ 완전한 형태의 URL 주소
pathname▶ 문서의 경로 표시
port▶ 프로토콜 종류 표시
protocol▶ 프로토콜 종류 표시
search▶ 검색 엔진을 실행할 때 나타나는 ? 이후의 문자 표시
---------location메소드-------
reload()▶ 문서를 다시 읽어옴(새로고침)




:::String객체:::
"환영합니다.".bold().fontcolor("red")
----------string메소드-----------
big()▶ 글자크기 크게
small()▶ 글자크기 작게
fontsize(값)▶ 글자크기 설정
fontcolor("색상")▶ 색 지정
bold()▶ 진하게
fixed()▶ 글자크기 조정
italic()▶ 기울임
strike()▶ 취소선
sup()▶ 위첨자
sub()▶ 아래첨자



:::문자열 처리:::
"환영합니다.".indexOf("합")
"환영합니다.".subsrt(2,4)
---------문자열메소드-----------
indexOf("문자")▶ 문자의 위치 값을 왼쪽부터 계산하여 숫자로 표시
indexOf("문자",n)▶ 문자를 문자열의 n번째 문자부터 찾는다
lastindexOf("문자")▶ 문자의 위치를 오른쪽부터 계산하여 숫자로 표시
lastindexOf("문자",n)▶ 문자를 문자열 n번째 문자부터 찾는다
charAt(n)▶ n번째 위치한 문자를 찾아준다.
substring(n,m)▶ n번째 문자부터 m번째 문자까지 표시
slice(n,m)▶ 위와 동일, 음수 값은 오른쪽부터 순번으로 계산
substr(n,m)▶ n번째 문자부터 m개의 문자를 표시
split("구분문자")▶ 구분문자를 이용해서 문자열 객체를 분리
concat("문자열")▶ 문자열을 문자열 객체에 결합
toUpperCase()▶ 모두 대문자로 표시
toLowerCase()▶ 모두 소문자로 표시
eval()▶ 문자열을 수치로 표시
toString(n)▶ 수치를 n진수로 바꾸어 표시
match()▶ 지정한 문자와 동일한 패턴을 찾는다. 없으면 널 값을 반환한다.
search()▶ 문자열에서 지정한 문자 턴을 찾아 그 패턴의 오프셋 값을 반환
replace()▶ 지정한 문자를 찾아 지정한 다른 문자열로 바꾼다.
CharCodeAt(n)▶ n번째 문자를 ISO-Lation-1 코드 값으로 표시한다. 

[출처] Javascript 기본|작성자 젊은오빠

posted by 준치 2008. 11. 5. 15:59

찾다가 보니 여기 많네여...시간되면 정리해서 다시 올려야겠어여..

http://warkyman.tistory.com/168