Search Results for:

javascript를 사용한 간단한 날짜 카운트다운

javascript를 사용한 간단한 날짜 카운트다운

자바스크립트를 사용한 날짜 카운트다운 스크립트입니다(예: 2017년 새해까지 남은 일 수 등). 간단하게 활용할 수 있을 것 같습니다. javascript를 사용한 간단한 날짜 카운트다운 예시 CountDownTimer('01/01/2017', 'countdown'); // 2017년 1월 1일까지 CountDownTimer('01/01/2018 00:00 AM', 'newcountdown'); // 2018년 1월 1일까지, 시간을 표시하려면 01:00 AM과 같은 형식을 사용합니다. function CountDownTimer(dt, id) { var end = new Date(dt); var _second...

Javascript를 사용하여 현재 페이지 새로 고침하기
|

Javascript를 사용하여 현재 페이지 새로 고침하기

여러 가지 방법을 사용하여 현재 페이지를 새로 고침(리로드)할 수 있습니다. Javascript Refresh는 여러가지 이유로 사용하지 않는 것이 좋고 리디렉션(redirection)은 구글로부터 SEO 페날티를 먹는다고 합니다. 새로 고침(refresh)이나 리디렉션(redirection)을 해야 하는 경우 php로 하는 것이 바람직하다고 합니다. Javascript를 사용하여 현재 페이지 새로 고침하는 방법 JS에서 location.reload()와 setTimeout() 메소드를 사용할 수 있습니다. <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...

javascript를 사용하여 특정 DIV 내의 컨텐츠만 인쇄하기

javascript를 사용하여 특정 DIV 내의 컨텐츠만 인쇄하기

크롬이나 Internet Explorer에서 오른쪽 버튼을 눌러 인쇄할 때 특정 DIV 요소 내의 컨텐츠만을 인쇄하기를 원할 수 있습니다. 이 경우에 자바스크립트나 jQuery를 사용하여 쉽게 해결할 수 있습니다. 여러 가지 javascript/jQuery 스크립트로 테스트하여 다음 코드가 제대로 작동하는 것을 확인했습니다. function PrintElem(elem) { Popup($(elem).html()); } function Popup(data) { var mywindow = window.open('', 'my div', 'height=400,width=600'); mywindow.document.write('<html><head><title>my div</title>'); mywindow.document.write('</head><body >'); mywindow.document.write(data);...

[워드프레스] 우커머스 상품 버튼이 제대로 표시되지 않는 경우

[워드프레스] 우커머스 상품 버튼이 제대로 표시되지 않는 경우

이제 대부분의 브라우저에서 를 지원하므로 WooCommerce 2.3에서 상품 증감 버튼(플러스/마이너스 버튼)이 제거되었습니다. 하지만 어떤 이유로 이 버튼이 제대로 표시되지 않는 문제가 발생하거나 구 버전의 브라우저를 고려하여 이 버튼을 유지하기를 원하는 경우가 있을 수 있습니다. 이 경우 아래의 방법을 통해 상품 증감 버튼을 복원할 수 있습니다. 플러그인 사용 WooCommerce Quantity Increment 플러그인를 사용할 수 있습니다. 이 플러그인을...

[javascript] 웹 브라우저의 현재 URL 가져오기
|

[javascript] 웹 브라우저의 현재 URL 가져오기

현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다. window.location.href JavaScript Window Location 참고: window.location.href - 현재 페이지의 href (URL) 반환 window.location.hostname - 웹 호스트의 도메인 네임 반환 window.location.pathname - 현재 페이지의 경로와 파일 이름 반환 window.location.protocol - 사용하는 웹 프로토콜 반환 (http:// 혹은 https://) window.location.assign - 새 document 로드// Source: w3schools 따라서 Javascript로...

[Javascript] 자바스크립트 특수문자 코드 목록

[Javascript] 자바스크립트 특수문자 코드 목록

예를 들어 자바스크립트(javascript) 경고(alert) 상자에 표시되는 텍스트에 줄나누기(new line)를 추가하려면 \n을 사용할 수 있습니다. alert("첫 번째 라인\n두 번째 라인"); 혹은 alert('첫 번째 라인\\n\\n두 번째 라인'); 주의: \n은 작은 따옴표일 경우 제대로 작동하지 않습니다. 다음과 같은 형식도 가능합니다. alert("첫 번째 라인" + '\n' + "두 번째 라인"); java 코드 내에서는 이스케이프 문자(escape character)를 이스케이프시켜야 합니다(즉, \\n...

링크 공유 팝업 창 띄우기(javascript)

링크 공유 팝업 창 띄우기(javascript)

글의 URL을 쉽게 복사하여 공유할 수 있도록 아이콘을 누르면 팝업 창이 뜨면서 해당 글의 URL 주소를 복사하여 다른 곳에 붙여넣도록 만들고 싶은 경우에 다음과 같은 javascript 함수를 사용할 수 있습니다. window.copyURL = function(){ prompt("[Ctrl + c]를 눌러 URL을 복사하세요:",window.location); } HTML: <button onclick="copyURL()">링크 공유</button> "링크 공유" 버튼을 누르면 다음과 같은 화면이 뜨면서 글/페이지의 URL 주소를...

여러 개의 onsubmit 함수 적용하기(javascript)

예를 들어, 폼(form)에서 사용자 이름의 유효성을 검사하는 함수와 이메일의 유효성을 검사하는 함수를 별개로 만든 경우, 양식 제출 시에 두 개의 유효성 검사 함수를 동시에 불러오는 경우를 생각해볼 수 있습니다. 이런 경우 여러 가지 방법을 사용할 수 있습니다. 먼저 onsubmit에 다음과 같이 여러 개의 함수를 동시에 추가하는 방법이 있습니다. onsubmit="return !!(validateName() & validateEmail());" 다음과 같이 여러...

이메일 유효성 검사(javascript)

이메일 유효성 검사(javascript)

다양한 방법으로 이메일 유효성을 검사할 수 있습니다. 가장 간단한 것은 HTML5에 내장된 이메일 유효성 검사(email validation) 기능을 활용하는 것입니다. 이메일 필드에 type="text" 대신 type="email"을 사용하면 됩니다. <input type="email" name="email"> 이 방법은 form 태그 안에 위치해야 하고 submit을 눌러야 작동하는 등 일부 제약이 있습니다. 이 방법 대신 정규식(regular expression)을 사용하여 보다 정교하게 이메일 유효성 검사를 수행할 수 있습니다. 정규식을 이용한...

입력 필드에서 미리 입력한 글자 삭제하지 못하도록 하기(javascript)

입력 필드에서 미리 입력한 글자 삭제하지 못하도록 하기(javascript)

예를 들어 입력 필드에 "이메일:", "전화번호:" 등 미리 입력되어 있는 텍스트가 삭제되지 않고 유지되도록 하는 자바스크립트입니다. $('#eMail').keyup(function(){ $(this).css('color','#000'); }); $('#eMail').blur(function(){ var value = $('#labletext').text()+$(this).val(); alert(value); }); // Source: http://stackoverflow.com/ 데모