본문 바로가기

Html/Jsp/Javascript

[Javascript] 배열 최대값 / 최소값 // 최대값Math.max.apply(null, array); // 최소값Math.min.apply(null, array); ex)var arrNum = new Array();arrNum = [80,95,85,78,92,95,79]; var maxNum = Math.max.apply(null, arrNum);alert(maxNum); [Result] 95 // 원형은 아래와 같다. var num = Math.max(5, 10, 15, 20); alert(num); [Result] 20 // 모든 브라우저에서 지원함 더보기
jQuery.ajax(options) jQuery.ajax(options) 1. 파라미터 - options : key/value 쌍으로 이루어진다. 모든 option의 값들은 생략 가능하며, $.ajaxSetup()의 형태로 default 값을 만들어서 사용이 가능하다. 아래는 option을 구성하는 값에 대한 설명이다. * asyn(Boolean) : 모든 request는 기본적으로 비동기 방식이다. 만약 동기 방식을 원한다면, asyn:false의 형식으로 구성하면 된다. 동기방식의 request인 경우, 응답을 받는 동안 화면이 멈추는 현상과 화면에서 다른 조작을 취할 수 없다. * beforeSend(Function) : request를 보내기 전에 XMLHttpRequest값의 변경을 가능하게 하는 callback function... 더보기
Html,Jsp,Css_10 * 스크롤 배너 만들기 # 결과 * div를 이용한 본문내 삽입되는 팝업창 만들기 # 결과 * 이미지 클릭하여 큰 이미지 나오는 갤러리 만들기 # 결과 작은 사진을 클릭하면 마우스포인터의 현재 위치에 큰 사진이 div팝업창으로 뜨고 그 창의 윗부분을 잡고 움직일 수 있도록 구현 하고 X버튼을 눌러 창을 끌 수 있다. 웹 호스팅 계정이 없어 구현에 이미지 링크를 통한 소스 재작성으로도 어려움이 있어 스크린샷으로 대체함 더보기
Html,Jsp,Css_09 * Windows객체 (파일없이 새창띄우기) # 결과 (휠 클릭 후 열기 : 마우스 왼쪽 클릭후 열기하면 페이지 이동됨) 이미지 클릭시 팝업창 내용 삭제 팝업창닫기 버튼 누를시 창 사라짐 * 스크롤바 자동이동하기 위로 # 결과 (휠 클릭 후 열기 : 마우스 왼쪽 클릭후 열기하면 페이지 이동됨) 스크롤바 이동효과를 보기 위해 소스에 잡다한 것을 많이 넣었다. 이동 버튼을 누르면 아래로 이동하고 이동 후 위로 올라가 다시 한번 이동버튼을 눌렀을 때 재작동이 용이하도록 if문에 i값을 초기화 시키는 소스를 넣었다. * Document 객체 ----배경---- 빨강 파랑 검정 회색 보라 #ffcccc ----글자---- 빨강 파랑 검정 회색 보라 #ffcccc 자바 Web 프로그래밍 링크테스트 # 결과 (휠 클.. 더보기
Html,Jsp,Css_08 * String객체의 글꼴관련메소드 # 결과 Java Web Programming = Java Web Programming : big() Java Web Programming = Java Web Programming : bold() Java Web Programming = Java Web Programming : fontcolor(red) Java Web Programming = Java Web Programming : fontsize(0) Java Web Programming = Java Web Programming : italics() Java Web Programming = Java Web Programming : small() Java Web Programming = Java Web Program.. 더보기
Html,Jsp,Css_07 어제에 이어 회원가입 폼 만들기 추가정리 * head태그 안에 script태그 function totChk(){ // memId 입력유무확인 if(frm.memId.value.length 주민등록번호 * - 생년월일 * 년 월 일 성....별 * 남자 여자 E - mail * 메일수신 * 수신동의 수신거부 우편번호 * - 주....소 * * 닉네임 중복검사 팝업창 만들기 대화명 : * 닉네임 중복검사 팝업창의 외부파일(nickScript.js) function nickClose(){ opener.document.frm.memNic.value=nickFrm.nick.value; window.close(); } * 주소 검색 팝업창 만들기 우편번호 : 123-456 주소 : 서울시 영등포구 당산동 상세주소 .. 더보기
[Test] for문과 테이블을 이용한 구구단 출력하기 & while문으로도 해보기 2단 ~ 9단까지 출력(반복문) 테이블에 넣어서출력결과   ==구구단== 2단  3단  4단  5단   2*2=2 3*2=6 4*2=8 5*2=10 2*3=6 3*3=9 4*3=12 5*3=15 2*4=8 3*4=12 4*4=16 5*4=20 2*5=10 3*5=15 4*5=20 5*5=25 2*6=12 3*6=18 4*6=24 5*6=30 2*7=14 3*7=21 4*7=28 5*7=35 2*8=16 3*8=24 4*8=32 5*8=40 2*9=18 3*9=27 4*9=36 5*9=45 6단  7단  8단  9단 6*2=12 7*2=14 8*2=16 9*2=18 :  :  :  :-->// FOR문 사용 ▽▽▽▽▽▽▽▽▽▽▽▽▽ docume.. 더보기
Html,Jsp,Css_06 * 중첩 for문(반복문내에 또다른 반복문이 존재)의 사용-1 # 출력형식 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 * 중첩 for문의 사용-2 # 출력형식 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 * 중첩 for문의 사용 -3 # 출력형식 1 1 2 1 2 3 1 2 3 4 1 2 3 4 5 * 중첩 for문의 사용 -4 # 출력형식 1 2 2 3 3 3 4 4 4 4 5 5 5 5 5 * 중첩 for문의 사용 -6 # 출력형식 (살짝 삐뚤어졌다;) 1 1 2 1 2 3 1 2 3 4 1 2 3 4 5 * 중첩 for문의 사용 -7 # 출력형식 (살짝 삐둘어졌다;) 1 2 3 4 5 1 2 3 4 1 2 3.. 더보기
[Test] 회원가입 폼 만들기 ..*표시 항목은 필수 입력 항목입니다. 아 이 디 * 아이디는 영문,숫자 조합으로 하셔야 합니다.[4자리이상 12자리이하] 아이디는 소문자로 저장 됩니다. 암....호 * 비밀번호는 4자리이상 12자리이하로 입력해주세요. 암호확인 * 이....름 * 대 화 명 대화명을 지정하지 않으시면 회원님의 이름으로 대화명이 지정됩니다. 대화명은 한글, 영문 관계없이 10글자 이내로 하셔야 합니다. 주민등록번호 * - 생년월일 * 년 월 일 성....별 * 남자 여자 E - mail * 메일수신 * 수신동의 수신거부 우편번호 * - 주....소 * 전화번호 * 02 033 032 043 042 041 062 063 053 061 052 054 051 055 031 064 - - 핸 드 폰 * 010 011 016 .. 더보기
Html,Jsp,Css_05 전일에 이어 *-II) if else문을 이용한 학점구하기: if문의 결과가 참이면 종료 거짓일때 else if 실행 # 결과(*) (*-I과 *-II 결과는 동일) **) switch문의 구조 **-I) switch문을 이용한 학점 구하기 ⊙ 특정 수를 정수화시키는 method : parseInt ex) document.write(parseInt(95/10)); → 9 # 결과 (**-1) 상단의 결과 (*)과 동일 **-II) switch문을 이용한 날짜 구하기 ⊙ 아래 예제에서 볼 수 있는 method를 정리해볼까.. - 일단 method란? Javascript의 Object에 속해 있어 특별한 기능을 수행하는 함수 ex) Objectname.method() 더보기

티스토리툴바