728x90
300x250

[Javascript] 현재 페이지 Refresh 방법 - (3가지)

 

location.reload(true);

location.href = location.href;

history.go(0);

 

사용 방법은 웹 페이지 소스에서 사용하시면 되겠습니다.

 

<script>

 

 ~~~~

 

</script>

 

이상입니다.

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] Treeview Library - 추천 라이브러리  (8) 2013.12.05
[jQuery] javascript 연계 - 체크박스 (전체선택/해제) 기능  (9) 2013.12.03
[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
728x90
300x250
[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}

 

Set(쓰기)

$(selector).attr('href', 'url_goes_here'); 

 

Get(읽기 전용) 

and read it using
$(selector).attr('href');

 

속성에 관한 이야기를 의미합니다.

 

attr은 두 가지 매개변수를 가지고 있습니다.

 

 유형

속성1 

속성2 

1차 매개변수

attributeName 

 

2차 매개변수

attributeName 

Value 

 

구성

attr(1차형태)

attr(2차n1, 2차n2)

 

이런 형태라고 정의했을 때,

각각 처리하는 명령이 뭔지 리어셈블링하거나 메뉴얼을 보기 전까진 모릅니다.

그러나 jQuery 메뉴얼을 보면, 1차 형태로 정의한 것은 원소의 속성값을 반환하는 구실을 한다고 되어있습니다.

2차 형태로 정의한 것은 속성값을 지정하기 위해 정의되어있습니다.

 

정리하자면, 읽기 전용과 쓰기 전용이라고 생각하면 편할 거 같습니다.

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] javascript 연계 - 체크박스 (전체선택/해제) 기능  (9) 2013.12.03
[Javascript] 현재 페이지 Refresh 방법 - (3가지)  (6) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (6) 2013.11.11
728x90
300x250
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)

 

자바스크립트로 작성된 비밀번호 관련 탬플릿 2가지를 담았습니다.

 

1. 정규식 표현

 

특수문자 / 문자 / 숫자 포함 형태의 8~15자리 이내의 암호 정규식

var regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/;

 

숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식

var regex = /^[A-Za-z0-9]{6,12}$/;

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[Javascript] 현재 페이지 Refresh 방법 - (3가지)  (6) 2013.12.01
[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (6) 2013.11.11
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (6) 2011.02.02
728x90
300x250
[Javascript] PDFObject - PDF 파일 화면 출력하기

 

자바스크립트의 PDFObject를 활용하여 화면에 PDF 파일을 출력하는 소스코드에 대해서 소개합니다.

1. 소스코드

 

<Head> script 작성

<script type="text/javascript" src="/scripts/pdfobject.js"></script>

 

<script type="text/javascript">

window.onload = function (){
        var success = new PDFObject({ url: "/pdf/sample.pdf" }).embed("pdf"); 
    };

</script>

 

<Body> 작성

<div id="pdf">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">Click here to download the PDF</a></div>

 

2. 맺음말


이처럼 작성하면, PDFObject 라이브러리를 활용하여 PDF 파일을 웹 화면에서 추출할 수 있습니다.

 

3. 참고자료(Reference)

 

1. http://pdfobject.com/, Accessed by 2013-11-13

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (6) 2013.11.11
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (6) 2011.02.02
[Javascript] 웹 페이지 대화 상자 호출 방법  (6) 2011.02.01
728x90
300x250

[jQuery] 체크박스, 라디오 버튼 선택과 해제

 

jQuery를 활용하여 체크 박스 선택 여부, Checked 처리, 라디오 버튼 선택과 해제에 대해서 소개하겠다.

 

1. Check 여부 확인


$("input:checkbox[id='ID'].is(":checked") == true:false;

/* by ID */

 

$("input:checkbox[name='NAME'])").is(":checked") == true:false;

/* by Name */

 

2. Checked / unchecked 처리


$("input:checkbox[id='ID']").attr("checked", true);

/* by ID */

$("input:checkbox[name='NAME']").attr("checked", false);

/* by Name */

 

3. 특정 라디오 버튼 선택 / 모든 라디오 버튼 선택 해제


$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked", true);

$("input:radio[name='NAME'].removeAttr("checked");

 

4. 전체 선택을 하면 모두 선택될 수 있도록 기능 구현

<label><input type='checkbox' id='check_all' class='input_check' /> <b>전체선택</b></label>
<ul class='select_subject'>
<label><input type='checkbox' class='input_check' name='class[1]' value='1' /> <b>1</b></label>
<label><input type='checkbox' class='input_check' name='class[2]' value='2' /> <b>2</b></label>
</ul>

5. 기타


이런식으로 html이 있고, javascript 부분은 아래와 같이 처리하면 좋다.

$(function(){
    $("#check_all").click(function(){
        var chk = $(this).is(":checked");//.attr('checked');
        if(chk) $(".select_subject input").attr('checked', true);
        else  $(".select_subject input").attr('checked', false);
    });
});

 

6. 참고자료(Reference)

 

1. http://hobbiez.tistory.com/321, Accessed by 2013-11-11

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (6) 2011.02.02
[Javascript] 웹 페이지 대화 상자 호출 방법  (6) 2011.02.01
728x90
300x250

[Javascript] 자녀 창에서 부모 창에 새로 고침 하기



window.opener.document.location.reload(); 명령어로 호출 시 경고문이 출력됩니다.
이처럼 경고문이 발생하지 않고 출력하려면 아래와 같은 명령을 사용하시면 됩니다.

window.opener.document.location.href = window.opener.document.URL; 


1. 적용하기

1. <head> 아래에 입력

<script language="javascript" type="text/javascript">

function 함수 이름()
{
          window.opener.document.location.href = window.opener.document.URL;
}

</script>

이하 생략

2. <body> 아래에 입력

<a href="javascript:함수 이름()">링크 이름</a>

사용자 환경에 맞게 기재하시면 됩니다.
반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (6) 2013.11.11
[Javascript] 웹 페이지 대화 상자 호출 방법  (6) 2011.02.01
728x90
300x250

[Javascript] 웹 페이지 대화 상자 호출 방법

MSDN 홈페이지에서 웹 페이지 대화 상자 호출 방법에 대해 올라온 글을 찾아서 공부한 후에 올려보게 되었습니다.
인터넷 익스플로러(이하 축약어 IE)에 대해서만 제공하는 메서드 일 가능성이 있습니다.

I found the post about how to call the webpage dialog box from the MSDN homepage.
It may be a method that is provided only for Internet Explorer (abbreviated IE).

[영어 단어 소개]

 번호

 언어
 (Language)

 단어
(Word)

 구분

세부사항(Detail)

국문 읽기

뜻

1

영어(English)
-> 한글(Korean)

 found

동사
(불규칙)

 find->found->found

 파운드

find(찾다.), found(찾았다.), found(찾았었다.)

2

영어(English)
-> 한글(Korean)

call

동사

call->called->called

콜

call(부른다.), called(불렀다.), called(불렀었다.)

3

영어(English)
-> 한글(Korean)

how

 

의문문(Why) 등

하우

어떻게

4

영어(English)
-> 한글(Korean)

dialog

 

 

다이알로그

(컴퓨터 용어) 대화 창,
대화

5

영어(English)
-> 한글(Korean)

may

 

 

메이

아마도,
(가능성을 나타내어)
…일지도 모른다[…일 수도 있다]

 

1. 웹 페이지 대화 상자 - 호출 방법 (구현)



1. Head 영역

<script type="text/javascript">
        function fnOpen() {
            var sWidth = "300";
            var sHeight = "300";
            var sFeature = "dialogWidth:" + sWidth + "px; dialogHeight:" + sHeight + "px;";
            window.showModalDialog("showModalDialog_target.htm", "", sFeature)
        }
</script>


2. Body 영역

 <form name="oForm">
 <input type="button" value="Push To Create" onclick="fnOpen()">
 </form>


2. 참고 자료

1. http://msdn.microsoft.com/en-us/library/ms536759.aspx, 접속일자 2011-02-01

 

반응형
저작자표시

'소프트웨어(SW) > W3C - HTML5, Javascript' 카테고리의 다른 글

[jQuery] 하이퍼링크 예제를 통한 {속성 Get, Set에 관한 설명}  (5) 2013.12.01
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)  (6) 2013.11.28
[Javascript] PDFObject - PDF 파일 화면 출력하기  (5) 2013.11.13
[jQuery] 체크박스, 라디오 버튼 선택과 해제  (6) 2013.11.11
[Javascript] 자녀 창에서 부모 창에 새로 고침 하기  (6) 2011.02.02

+ Recent posts

티스토리툴바