'Language/JAVASCRIPT' 카테고리의 글 목록 (7 Page)

새창 열기

Language/JAVASCRIPT 2010. 6. 11. 15:00

자바스크립트 새창 띄우기 총 정리

All=no location=yes directories=yes resizable=yes status=yes toolbar=yes memubar=yes All=yes

위의 예제는 각각 다른 옵션을 준겁니다.
소스 중 window.open의 내용이 있는 곳은 줄을 바꾸지 말고 한 줄에 다 넣으세요.

클릭했을 때 새창 열기

들어올 때 새창 열기

나갈 때 새창 열기

location : 주소표시줄
directoryies : 연결
resizable : 크기조절
staus : 상태표시줄
toolbar : 표시단추
memubar : 메뉴
width : 새창 너비
height : 새창 높이
left : 새창 왼쪽 위치
top : 새창 위쪽 위치

yes와 no대신 1과 0을 사용해도 됩니다.
yes=1
no=0

[출처] 자바스크립트 새창 띄우기 총 정리 |작성자 빼빼로

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

종결되지 않은 문자열 상수입니다 (0)	2010.07.05
시간 카운트 (0)	2010.06.23
형변환 (0)	2010.06.11
시작페이지, 즐겨찾기 추가 (0)	2010.06.08
form 태그 input 값 배열로 전송 (0)	2010.06.08

:

형변환

Language/JAVASCRIPT 2010. 6. 11. 13:34

형변환

eval() : 수식or문자열-> 실수

Number() : 문자 -> 숫자

String() : 숫자 -> 문자

escape() : 한글 -> 16진수

unescape() : 16진수 -> 한글

isFinite() : 유한수면 true, 무한수면 false

isNan() : 문자이면 true, 숫자면 false

parseInt(문자열, 진수) : 문자열-> 정수(원하는 진수 변환 가능)

parseFloat() : 문자열-> 부동소수점, 변환불가일때 NaN 반환

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

소수반올림

toFixed(2)

값이 문자일경우

new Number(값).toFixed(자리수);

정수반올림

Math.round(원하는수*1000)/1000;

첫째자리 : 10

둘째자리 : 100

셋째자리 : 1000

[출처] 자바스크립트 형변환/ 반올림|작성자 막가는 탈옥수

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

시간 카운트 (0)	2010.06.23
새창 열기 (0)	2010.06.11
시작페이지, 즐겨찾기 추가 (0)	2010.06.08
form 태그 input 값 배열로 전송 (0)	2010.06.08
show time (0)	2010.06.04

:

시작페이지, 즐겨찾기 추가

Language/JAVASCRIPT 2010. 6. 8. 16:08

홈페이지를 만들다보면, 좌측 상단이나 한 구석을 이런 기능으로 장식하고 싶을 때가 많이 있습니다. 이럴때, 간단히 시작 페이지로 만드는 기능을 추가할 수 있습니다.

일단 소스를 보면,

function set_start()
{
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage('http://plusblog.tistory.com');
}

위 스크립트를 <script></script> 사이에 넣어서 정의를 한뒤, 태그의 onclick 이벤트에 지정해주면, 해당 엘리먼트를 클릭하면 시작페이지로 고정되는 것을 볼수 있습니다.

다음으로 즐겨찾기로 추가하는 기능을 구현해 보도록하겠습니다. 즐겨찾기는 인터넷 익스플로러에 추가 버튼으로 구현이 되어 있긴하지만, javascript로도 구현이 가능합니다.

function addFavorite()
{
window.external.AddFavorite('http://plusblog.tistory.com', 'plusblog');
}

이 함수도 이벤트를 통해서 연결하여 실행시킬수 있습니다.

예제입니다.

<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ks_c_5601-1987">
<title>:: 예제입니다 ::</title>

<script language="javascript" type="text/javascript">
  //즐겨 찾기 추가
  function addFavorite()
  {
   window.external.AddFavorite('http://220.149.232.60', 'RedBeanZ 홈페이지');
  }

  //시작 페이지로 설정
  function set_start()
  {
   document.body.style.behavior='url(#default#homepage)';
   document.body.setHomePage('http://220.149.232.60/Renewal/index.php');
  }</script>
</head>

<body>
<span onclick="set_start();" style="cursor:hand">시작페이지 추가</span> | <span onclick="addFavorite();" style="cursor:hand">즐겨찾기 추가</span>
</body>
</html>

exam.html

출처 - http://plusblog.tistory.com/45

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

새창 열기 (0)	2010.06.11
형변환 (0)	2010.06.11
form 태그 input 값 배열로 전송 (0)	2010.06.08
show time (0)	2010.06.04
자바스크립트 텍스트 -> int 형 변환 (0)	2010.05.31

:

form 태그 input 값 배열로 전송

Language/JAVASCRIPT 2010. 6. 8. 09:24

form 태그에서 CheckBox를 배열로 사용해서 다음과 같이 작성해서

<form id="form1" name="form1" method="post" action="">  

<input type="checkbox" name="chk[]" value="aaa" />  

<input type="checkbox" name="chk[]" value="bbb" /> 

<input type="checkbox" name="chk[]" value="ccc" /> 

<input type="checkbox" name="chk[]" value="ddd" /> 

</form>

두번째와 네번째 체크박스를 선택하고 전송하게 되면 다음과 같이 값이 넘어가게 된다.

[chk] => Array
    (
        [0] => bbb
        [1] => ddd
    )

그런데 경우에 따라 체크박스의 체크에 따라 다른 input의 값도 선택적으로 보낼 필요가 있다.
이런 경우 자바스크립트로 간단히 해결할 수 있다.

HTML태그와 자바스크립트 작성 예

 
01
<form id="form1" name="form1" method="post" action="" onsubmit="_submit(this);">  

02
<!-- row 1 -->

03
<input type="checkbox" name="chk[]" value="aaa" />  

04
<input type="hidden" name="field_a[]" value="111" /> 

05
<input type="hidden" name="field_b[]" value="가가가" /> 

06
<!-- row 2 -->

07
<input type="checkbox" name="chk[]" value="bbb" />  

08
<input type="hidden" name="field_a[]" value="222" /> 

09
<input type="hidden" name="field_b[]" value="나나나" /> 

10
<!-- row 3 -->

11
<input type="checkbox" name="chk[]" value="ccc" />  

12
<input type="hidden" name="field_a[]" value="333" /> 

13
<input type="hidden" name="field_b[]" value="다다다" /> 

14
<!-- row 4 -->

15
<input type="checkbox" name="chk[]" value="ddd" />  

16
<input type="hidden" name="field_a[]" value="444" /> 

17
<input type="hidden" name="field_b[]" value="라라라" /> 

18
  
19
  
20
<input type="submit" name="Submit" id="button" value="Submit" /> 

21
</form>  

22
  
23
  
24
<!-- ... -->

25
  
26
  
27
<script language='JavaScript'> 

28
function _submit(f) 

29
{ 

30
    //같이 보낼 값 정리 

31
    if (typeof(f.elements['chk[]'].length) == 'undefined') //단일 

32
    { 

33
        if (f.elements['chk[]'].checked==false)  

34
        { 

35
            f.elements['field_a[]'].disabled=true;  

36
            f.elements['field_b[]'].disabled=true;  

37
        } 

38
    } else { //다중 

39
        for (i=0; i<f.elements['chk[]'].length; i++)  

40
        { 

41
            if (f.elements['chk[]'][i].checked==false) 

42
            { 

43
                f.elements['field_a[]'][i].disabled=true; 

44
                f.elements['field_b[]'][i].disabled=true; 

45
            } 

46
        } 

47
    } 

48
    return true; 

49
} 

50
</script>

각 열마다 chk라는 체크박스와 그에 따른 값 field_a와 filed_b가 있다.
chk[0] 체크박스의 체크 박스에 따라 field_a[0]과 field_b[0]의 전송 여부가 결정되게 하고자 한다.
form태그에 onsubmit 속성을 써주어 전송될때 이벤트를 자바스크립트 함수 _submit 으로 추가 처리하도록 했다.
자바스크립트로 chk를 하나씩 반복하며 체크가 안되어있는 열은 input함수에 disabled 속성을 추가해줘 전송하지 않도록 한다.
이때 주의해야할점은 위 예제의 경우는 chk[]의 수가 일정하지만 php등으로 페이지를 가공할때를 대비하여 chk[]가 하나일경우를 위해 단일과 다중 부분을 나눠서 코딩해야 한다.

이렇게 작성하고 역시 두번째와 네번째를 선택후 전송하면

[chk] => Array
    (
        [0] => bbb
        [1] => ddd
    )
[field_a] => Array
    (
        [0] => 222
        [1] => 4444
    )
[field_b] => Array
    (
        [0] => 나나나
        [1] => 라라라
    )

[출처] form 태그 input 값 배열로 전송|작성자 Lets Go

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

형변환 (0)	2010.06.11
시작페이지, 즐겨찾기 추가 (0)	2010.06.08
show time (0)	2010.06.04
자바스크립트 텍스트 -> int 형 변환 (0)	2010.05.31
팝업창 리사이즈 window.resizeTo, window.resizeBy (0)	2010.05.28

:

show time

Language/JAVASCRIPT 2010. 6. 4. 10:20

<div id="time"></div>
<SCRIPT LANGUAGE="JavaScript" event="onload" for="window">
     show_time();
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
      window.onload = function(){show_time()};
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
/* ********** 시계 보여주기 ********** */
function show_time(){
     var time = document.getElementById( "time" );

     // 1000ms 단위로 시간 갱신 시키기
     window.setInterval("get_current_time()", 1000);
     get_current_time();
}

/* ********** 현재 시간 가져오기 ********** */
function get_current_time(){
     var time = document.getElementById( "time" );
     var now = new Date();
     var week = new Array("일","월","화","수","목","금","토");

     var clock = now.getFullYear() + "년 ";
     clock += (now.getMonth() + 1) + "월 ";
     clock += now.getDate() + "일 ";
     clock += week[now.getDay()] + "요일 ";

     clock += now.getHours() + "시 ";
     clock += now.getMinutes() + "분 ";
     clock += now.getSeconds() + "초 ";

time.innerHTML= clock;
}
</SCRIPT>

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

시작페이지, 즐겨찾기 추가 (0)	2010.06.08
form 태그 input 값 배열로 전송 (0)	2010.06.08
자바스크립트 텍스트 -> int 형 변환 (0)	2010.05.31
팝업창 리사이즈 window.resizeTo, window.resizeBy (0)	2010.05.28
popup (0)	2010.05.26

:

자바스크립트 텍스트 -> int 형 변환

Language/JAVASCRIPT 2010. 5. 31. 11:12

var형이 문자로 인식될경우, + 연산자를 사용하면

1 + 2 + 3 = 123

이렇게 된다.

이럴때, 문자를 숫자로 변환하는 방법은

eval('1') + parseInt('2') + Math.abs('3') = 6

[출처] JavaScript에서 Int형으로 변환|작성자 매운거싫어

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

form 태그 input 값 배열로 전송 (0)	2010.06.08
show time (0)	2010.06.04
팝업창 리사이즈 window.resizeTo, window.resizeBy (0)	2010.05.28
popup (0)	2010.05.26
window.opener (0)	2010.05.26

:

팝업창 리사이즈 window.resizeTo, window.resizeBy

Language/JAVASCRIPT 2010. 5. 28. 11:54

file: Noname1.htm
<script language="javascript">

window.open('Noname2.htm','zipcode','width=516,height=515,top=100,left=100,scrollbars=yes');

</script>

file: Noname2.htm

window.resizeTo(200,200); // 지정한 크기로 변한다.(가로,세로)

window.resizeBy(-100,50); // 지정한 크기만큼 더하거나 빼져서 변한다.

</script>

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

show time (0)	2010.06.04
자바스크립트 텍스트 -> int 형 변환 (0)	2010.05.31
popup (0)	2010.05.26
window.opener (0)	2010.05.26
opener.document.폼네임.필드네임.value=값 (0)	2010.05.26

:

popup

Language/JAVASCRIPT 2010. 5. 26. 19:13

주어진 popup 윈도우의 HTML document 개체를 반환한다.

	Script	[oVal=]popup.document
	HTML	없음

인수

oVal : (속성 개체)

document 속성값은 주어진 popup 윈도우의 HTML document를 참조하는 개체이다.

이 속성은 읽기전용이며 디폴트값은 없다.

적용

개체	script	HTML	규격	IE
popup	[oVal=]popup.document	없음	없음	IE5.5(win32,ce)

예제

<SCRIPT>
popObj=window.createPopup();
popObjBody=popObj.document.body;
popObjBody.innerHTML='<DIV style="color:blue;border:solid 1 blue;padding:10;background:ffa">'+
'popup 창은 도움말 같은데 사용할 수 있다.</DIV>';
</SCRIPT>
<DIV onmouseover="popObj.show(250,400,350,40,document.body)" onmouseout="popObj.hide()">popup 창이란?</DIV>

옵션

스크린상에 팝업 윈도우를 디스플레이한다.

Script

popup.show(iX,iY,iWidth,iHeight[,oElement])

인수/파라메터

popup : (팝업창 개체): 필수적인 요소이며, popup 창 개체이다.
iX: 필수적인 요소이며, 팝업창이 열릴 위치의 수평좌표를 픽셀단위로 지정하는 정수값이다.
iY: 필수적인 요소이며, 팝업창이 열릴 위치의 수직좌표를 픽셀단위로 지정하는 정수값이다.
iWidth: 필수적인 요소이며, 팝업창이 열릴 너비를 픽셀단위로 지정하는 정수값이다.
iHeight: 필수적인 요소이며, 팝업창이 열릴 높이를 픽셀단위로 지정하는 정수값이다.
oElement: 선택적인 요소이며, 상대적인 위치의 수평, 수직 좌표가 기준되는 엘레멘트를 지정하는 개체이다.
데스크탑에 상대적인 좌표가 없으면 좌표 (0,0)은 왼쪽 상단 모서리이다.
반환값: 반환값은 없다.

출처 - http://koxo.com

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 텍스트 -> int 형 변환 (0)	2010.05.31
팝업창 리사이즈 window.resizeTo, window.resizeBy (0)	2010.05.28
window.opener (0)	2010.05.26
opener.document.폼네임.필드네임.value=값 (0)	2010.05.26
select option 생성 (0)	2010.05.19

:

window.opener

Language/JAVASCRIPT 2010. 5. 26. 18:58

현재의 윈도우를 열어준 윈도우의 참조을 반환하거나 설정한다.

Script window.opener=[sVal]

HTML 없음

인수

sVal : (속성 문자열)

opener 속성값은 현재의 윈도우를 열어준 윈도우를 나타내는 문자열이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

이 opener 속성은 frame과 iFrame 페이들에서만 유효하다

부모창 확인 하는 방법
<SCRIPT>document.write(window.opener.location)</SCRIPT>

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

팝업창 리사이즈 window.resizeTo, window.resizeBy (0)	2010.05.28
popup (0)	2010.05.26
opener.document.폼네임.필드네임.value=값 (0)	2010.05.26
select option 생성 (0)	2010.05.19
풍선도움말 div display (0)	2010.05.19

:

opener.document.폼네임.필드네임.value=값

Language/JAVASCRIPT 2010. 5. 26. 18:47

값을 체크하여 비교하는 팝업창을 띄울 경우 체크 하고난 결과 값을 다시 부모 창으로 돌려줄 때 " opener.document.폼네임.필드네임.value=값 " 의 형식으로 돌려준다

예)

function nicknamecheck(nickname){

// opener: window.open 함수를 호출한 브러우저 객체
opener.document.regForm.nickname.value=nickname;

window.close();

}
</Script>

[출처] 19 . opener.document.폼네임.필드네임.value=값|작성자 brmwjt

저작자표시 비영리

'Language > JAVASCRIPT' 카테고리의 다른 글

popup (0)	2010.05.26
window.opener (0)	2010.05.26
select option 생성 (0)	2010.05.19
풍선도움말 div display (0)	2010.05.19
쓸만한 javascript filter 와 속성 (0)	2010.05.19

:

랄라라

'Language/JAVASCRIPT'에 해당되는 글 106건

새창 열기

'Language > JAVASCRIPT' 카테고리의 다른 글

형변환

'Language > JAVASCRIPT' 카테고리의 다른 글

시작페이지, 즐겨찾기 추가

'Language > JAVASCRIPT' 카테고리의 다른 글

form 태그 input 값 배열로 전송

'Language > JAVASCRIPT' 카테고리의 다른 글

show time

'Language > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 텍스트 -> int 형 변환

'Language > JAVASCRIPT' 카테고리의 다른 글

팝업창 리사이즈 window.resizeTo, window.resizeBy

'Language > JAVASCRIPT' 카테고리의 다른 글

popup

'Language > JAVASCRIPT' 카테고리의 다른 글

window.opener

'Language > JAVASCRIPT' 카테고리의 다른 글

opener.document.폼네임.필드네임.value=값

'Language > JAVASCRIPT' 카테고리의 다른 글

티스토리툴바