Learning 썸네일형 리스트형 ajax방식을 이용하여 id, pw 입력하고 하단부에 출력 ajax: 비동기적 처리 방식. jquery에 있는 ajax html(): html태그를 이용하고 싶을때 text(): document 글자들을 가져오거나 바꿀때 val(): form의 값을 가져오거나 값을 설정할때 exam02.jsp: 아이디와 비밀번호, 전송 버튼. 전송버튼을 누르면 아이디와 비밀번호가 하단부에 뜨도록 id: pwd: process.jsp: exam02.jsp의 콜백함수에 담길 데이터 값 더보기 폼 관련 태그들 태그: 폼을 만드는 기본 태그. method: 사용자가 입력한 내용들을 서버 프로그램으로 어떻게 넘겨줄지 지정 get: 사용자가 입력한 내용이 그대로 표시 post: 입력 내용의 길이에 제한 X, 입력한 내용 표시 X name: 폼의 이름 지정 action: 폼 내용들을 처리해줄 서버 상의 프로그램 지정 target: 현재 창이 아닌 다른 위치에 열도록 지정 수강분야(다수 선택가능) 문법 작문 독해 수강과목(1과목만 선택가능) 영어회화 중국어회화 일어회화 : 폼 요소를 그룹으로 묶는 태그 : 필드셋의 제목을 붙이는 태그 개인정보 이름 메일주소 로그인 정보 아이디 비밀번호 태그: 입력하는 부분. 내용의 종류는 type속성을 통해 지정 hidden: 사용자에게 보이지 않고 서버로 넘겨짐 text: 텍스트필드.. 더보기 이미지와 하이퍼링크 : 이미지 삽입 태그 width, height: 이미지 크기 조절 이미지 크기 조절 : 이미지 설명 예맨 모카 마타리 태그: 하이퍼링크. 태그의 속성들 href : 링크한 문서나 사이트의 주소 입력 target: 링크한 내용이 표시될 위치를 지정 download: 링크한 내용을 다운로드 target 속성들 _blank: 링크 내용이 새 창이나 새 탭에서 열림 텍스트 링크 만들기 구글사이트 이동 이미지 링크 만들기 한 페이지 안에서 이동하기 이용. 이동하고자 하는 단락에 id를 부여하고 하이퍼링크 주소에는 id를 뜻하는 #을 앞에 붙여줌 앵커 만들기 웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고 그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을 앵커(anchor)라고 합니다.. 더보기 자바스크립트, DB 이용하여 주소록 생성하기 Address.java : 게터 세터, 생성자 package com.address; public class Address { private long num; private String name; private String zipcode; private String tel; private String addr; public long getNum() { return num; } public void setNum(long num) { this.num = num; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getZipcode() { return zipcod.. 더보기 jQuery 이용 input.jsp를 복사해서 input2.jsp 파일 생성 function으로 함수를 부를 수도 있지만 제이쿼리를 쓰기위한 라이브러리 파일을 다운받아서 사용 절대경로: 루트부터 상대경로: 나 자신으로 부터 (. (점): 나 자신, ..(점점): 부모) 아이디는 #으로 시작, 클래스는 . 으로 시작 val(): 밸류값을 가져오는 함수 태그는 # 붙이지 않음. []는 속성 제이쿼리를 이용해서 alert창 띄우기 (input2.jsp) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55.. 더보기 JSP액션 태그, 객체와 getter setter이용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 Insert title here function check(){ if(document.getElementById("name").value==""){ alert("이름을 입력하세요"); return; } if(document.getElementById("studentNum").value==""){ alert("학번을 입력하세요"); return; } var obj.. 더보기 객체와 메소드를 이용하여 JSP 성적 출력하기 (자바 파일: 생성자를 이용하여 값 할당) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Insert title here function test(){ if(document.getElementById("name").value==""){ alert("이름을 입력하세요"); return; } if(document.getElementById("kor").value=="" ||isNaN(document.getElementById("kor").value)){ alert("국어성적을 입력하세요"); //isNaN: 문자인지 아닌지 판별 return; } if(document.getElementBy.. 더보기 객체와 메소드를 이용하여 JSP 성적 출력하기 (자바파일: getter, setter 이용) score2.jsp/scoreResult2.jsp 두 JSP 파일과 ScoreBean 자바파일 만들기. 생성자와 객체를 생성하고 메소드를 호출하기. 이름과 국영수 성적을 인터넷 페이지에 출력. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Insert title here function test(){ if(document.getElementById("name").value==""){ alert("이름을 입력하세요"); return; } if(document.getElementById("kor").value=="" ||isNaN(document... 더보기 날짜 계산 (자바처럼 함수를 호출하여 JSP 출력) 자바스크립트에서도 자바처럼 함수를 호출하여 인터넷 페이지에 출력할 수 있다. dateExam.jsp, DateBean.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Insert title here Colored by Color Scripter cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 package com.exam; import java.util.Calendar; public class DateBean { Calendar ca=Calendar.getInstance(); String[]arr= {"일","월","화","수","목","금","토"}; public String getToday(.. 더보기 캘린더 함수를 이용하여 오늘 날짜 출력하기 캘린더 함수를 이용하여 오늘 날짜 출력하기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 Insert title here 오늘은 년 월 일 배열요일: 함수요일: Colored by Color Scripter cs 더보기 이전 1 ··· 4 5 6 7 8 9 10 ··· 17 다음
