[JavaScript] lightbox2로 사진첩을 만들자

|
http://lokeshdhakar.com/projects/lightbox2/

 

로 들어가서 lightbox2 다운로드

 

html 파일에 아래의 자바스크립트 파일을 include 시킨다.  

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

< script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

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

 

css 스타일 시트를 include 시킨다.

< link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

 

rel="lightbox[roadtrip]" 부분을 추가시킨다.

< a href="images/image-1.jpg" rel="lightbox[roadtrip]"> image #1</a>

< a href="images/image-2.jpg" rel="lightbox[roadtrip]"> image #2</a>

< a href="images/image-3.jpg" rel="lightbox[roadtrip]"> image #3</a>

트랙백0 And 댓글0

[JavaScript] 라디오 버튼을 이용한 화면 전환

|

'자바 스크립트 부분
<Script Language='JavaScript'>
<!--
function Check(listoption)
{
if(listoption == 1)
{
location.href = "log_adminlist.asp?listoption=1"
}
else if(listoption == 2)
{
location.href = "log_adminlist.asp?listoption=2"
}
else if(listoption == 3)
{
location.href = "log_adminlist.asp?listoption=3"
}
}
//-->
</Script>


'html 부분
<td bgcolor='white'>
<!--◎◎◎ 화면 출력 옵션 부분 ◎◎◎//-->
<font size='2' color='#FF6947' face='맑은 고딕'><b>&nbsp; 이벤트 진행여부 : </b></font>
<font size='2' color='#FF6947' face='맑은 고딕'><b>진행중</b></font>
<input type="radio" name="selectform" value="1" onClick="javascript:Check(1);" <%If listoption = "1" then%>checked<%End if%>>
<font size='2' color='#FF6947' face='맑은 고딕'><b>/ 마감</b></font>
<input type="radio" name="selectform" value="2" onClick="javascript:Check(2);" <%If listoption = "2" then%>checked<%End if%>>
<font size='2' color='#FF6947' face='맑은 고딕'><b>/ 전체</b></font>
<input type="radio" name="selectform" value="3" onClick="javascript:Check(3);" <%If listoption = "3" then%>checked<%End if%>>
</td>

출처 : http://www.cyworld.com/loanel

트랙백0 And 댓글0

[JavaScript] 주민등록번호 유효성 체크

|

주민등록번호 체크 로직

1. 주민등록번호의 앞 6자리의 수에 처음부터 차례대로 2,3,4,5,6,7 을 곱한다. 그 다음, 뒤 7자리의 수에 마지막
자리만 제외하고 차례대로 8,9,2,3,4,5 를 곱한다.

2. 이렇게 곱한 각 자리의 수들을 모두 더한다.

3. 모두 더한 수를 11로 나눈 나머지를 구한다.

4. 이 나머지를 11에서 뺀다.

5. 이렇게 뺀 수가 두 자릿수이면, 즉 10보다 크면 다시 11로 나누어 나머지 값을 구한다.

6. 이렇게 해서 나온 최종 값을 주민등록번호의 마지막 자리 수와 비교해서 같으면 유효한 번호이고 다르면 잘못된 값이다.

 

/**
 *  주민등록번호의 유효성을 체크한다.

 */
function isValidJuminNo(juminno) {
  if(juminno=="" || juminno==null || juminno.length!=13) {
    alert("주민등록번호를 적어주세요.");
    return false;
  }
 
  var jumin1 = juminno.substr(0,6);
  var jumin2 = juminno.substr(6,7);
  var yy     = jumin1.substr(0,2);        // 년도
  var mm     = jumin1.substr(2,2);        // 월
  var dd     = jumin1.substr(4,2);        // 일
  var genda  = jumin2.substr(0,1);        // 성별
  var msg, ss, cc;

  // 숫자가 아닌 것을 입력한 경우
  if (!isNumeric(jumin1)) {
    alert("주민등록번호 앞자리를 숫자로 입력하세요.");
    return false;
  }
 
  // 길이가 6이 아닌 경우
  if (jumin1.length != 6) {
    alert("주민등록번호 앞자리를 다시 입력하세요.");
    return false;
  }
 
  // 첫번째 자료에서 연월일(YYMMDD) 형식 중 기본 구성 검사
  if (yy < "00"
      || yy > "99"
      || mm < "01"
      || mm > "12"
      || dd < "01"
      || dd > "31") {
    alert("주민등록번호 앞자리를 다시 입력하세요.");
    return false;
  }
 
  // 숫자가 아닌 것을 입력한 경우
  if (!isNumeric(jumin2)) {
    alert("주민등록번호 뒷자리를 숫자로 입력하세요.");
    return false;
  }

  // 길이가 7이 아닌 경우
  if (jumin2.length != 7) {
    alert("주민등록번호 뒷자리를 다시 입력하세요.");
    return false;
  }
 
  // 성별부분이 1 ~ 4 가 아닌 경우
  if (genda < "1" || genda > "4") {
    alert("주민등록번호 뒷자리를 다시 입력하세요.");
    return false;
  }
 
  // 연도 계산 - 1 또는 2: 1900년대, 3 또는 4: 2000년대
  cc = (genda == "1" || genda == "2") ? "19" : "20";
  // 첫번째 자료에서 연월일(YYMMDD) 형식 중 날짜 형식 검사
  if (isValidDate(cc+yy+mm+dd) == false) {
    alert("주민등록번호 앞자리를 다시 입력하세요.");
    return false;
  }
 
  // Check Digit 검사
  if (!isSSN(jumin1, jumin2)) {
    alert("입력한 주민등록번호를 검토한 후, 다시 입력하세요.");
    return false;
  }

  return true;
}

function isValidDate(iDate) {
  if( iDate.length != 8 ) {
    return false;
  }
  
  oDate = new Date();
  oDate.setFullYear(iDate.substring(0, 4));
  oDate.setMonth(parseInt(iDate.substring(4, 6)) - 1);
  oDate.setDate(iDate.substring(6));

  if( oDate.getFullYear()     != iDate.substring(0, 4)
      || oDate.getMonth() + 1 != iDate.substring(4, 6)
      || oDate.getDate()      != iDate.substring(6) ){
    
    return false;
  }
   
  return true;
}

 

function isNumeric(s) {
  for (i=0; i<s.length; i++) {
    c = s.substr(i, 1);
    if (c < "0" || c > "9") return false;
  }
  return true;
}

 

function isSSN(s1, s2) {
  n = 2;
  sum = 0;
  for (i=0; i<s1.length; i++)
    sum += parseInt(s1.substr(i, 1)) * n++;
  for (i=0; i<s2.length-1; i++) {
    sum += parseInt(s2.substr(i, 1)) * n++;
    if (n == 10) n = 2;
  }
 
  c = 11 - sum % 11;
  if (c == 11) c = 1;
  if (c == 10) c = 0;
  if (c != parseInt(s2.substr(6, 1))) return false;
  else return true;
}

[출처]http://blog.naver.com/dalbong97

트랙백0 And 댓글0

[JavaScript] document객체 정리 표입니다.

|
프로퍼티 : 설명
alinkColor : <BODY>태그의 alink 속성의 값 지정
anchor : 문서에 들어 있는 배열을 참조하는 객체
anchors : 문서에 들어 있는 모든 앵커의 배열
applet : 문서에 들어 있는 애플릿을 참조하는 객체
applets : 문서에 들어 있는 모든 애플릿의 배열
area : 문서 안의 이미지 맵 영역을 참조하는 객체
bgColor : <BODY> 태그의 bgColor 속성의 값 식별
cookie : 쿠키의 값 식별
domain : 문서가 로드되는 서버의 도메인 이름 식별
embeds : 문서안의 모든 플러그인의 배열
fgColor : <BODY> 태그의 text 속성 값 지정
form : 문서 안의 폼을 참조하는 객체
Forms[] : 문서 안의 모든 폼의 배열
image : 문서 안의 이미지를 참조하는 객체
images[] : 문서 안의 모든 이미지의 배열
lastModified : 문서가 마지막으로 수정된 날짜
link : 문서 안의 링크를 참조하는 객체
links : 문서 안의 모든 링크의 배열
linkColor : <BODY> 태그의 link 속성의 값 식별
plugin : 문서 안의 플러그인을 참조하는 객체
plugins[] : 브라우저가 지원하는 플러그인을 나타내는 객체의 배열
referrer : 문서에 대한 링크를 제공하는 문서의 URL
title : 문서의 타이틀
URL : 문서의 URL
vlinkColor : <BODY> 태그의 vlink 속성의 값 식별

메소드 : 설명
close() : 문서의 객체를 만드는 데 사용된 스트림
open([mime Type][,"replace"]) : 선택적인 MIME유형으로 문서 객체를 만들 때 사용되는 흐름을 개시한다.
"replace" 파라미터는 text/html MIME 유형과 함께 사용되어 히스토리 리스트에 있는 현재 문서를 대체
write(expr1[,expr2...expr) : 문서에 표현식의 값을 기록, 개행 문자가 다음에 따라오는 문서에 표현식의 값 기록
트랙백0 And 댓글0

[JavaScript] 새로고침 방법

|
location.reload(); 현재 창을 새로고침
opener.location.reload(); 부모창 새로고침
top.document.framname.location.reload(); 프레임 새로고침
트랙백0 And 댓글0
prev | 1 | 2 | 3 | 4 | next