본문 바로가기

전체 글

 (252)
[js] frame 화면나누기 복습 및 홈페이지 연결 첫화면이 이렇다 왼쪽은 셀렉트메뉴 오른쪽은 다른 프레임 영역으로 왼쪽에서 선택을 하면 오른쪽에 다른 파일이나 홈페이지가 뜬다. 나의 소개를 누르면 이런 창이 뜬다. 인천시청이나 서울시청을 누르면 오른쪽 프레임에 뜨는 걸 볼 수 있다. 필요한 파일은 총 4개이다. 메뉴를 선택하세요 안녕하세요 ㅇㅇㅇ입니다. 메뉴를 선택하세요 나의 소개 인천시청 서울시청 1. select문으로 먼저 선택메뉴를 만들어준다. id 대신 name을 쓸 수 있고 onclick과 onChange은 비슷한 메소드다 this.form 이건 위쪽 함수에서 사용하게 될 변수명 셀렉트 옵션에서는 하이퍼링크 대신에 value안에 주소를 넣어 줄 수 있다. 2. 함수를 만들어준다. 클릭했을 때 다음에 나오는 index 화면에서 나올 수 있도록 f..
[js] 현재창과 바로 전 창 닫기(self.close/opener.close) 하이퍼텍스트를 클릭하면 오른쪽의 새 창이 뜬다. 현재 윈도우 닫기를 누르면 오른쪽의 새 창이 없어지고, 바로 전 윈도우 닫기를 누르면 왼쪽 창이 닫힌다. 공지사항 창 열기 창열고 닫기 1. 페이지를 간단하게 만들어준다. 태그를 이용해 하이퍼링크를 만들어주었다. 주소는 자바스크립트의 openWin 함수를 가르키고 있다. 2.새창을 만든다. 함수 선언을 하고 window.open 객체와 메소드를 사용하면 끝이다. 가로의 첫번째 큰 따옴표(")는 url주소 넣는 자리, 두번째는 창의 이름, 세번째는 창의 효과들을 써주면 된다. css와 비슷한 구간이다. 새로 생성된 윈도우 단기 window.open에 걸어준 파일로 가보면.. self.close() 현재 창을 닫는다. opener.close() 바로 전 창을 ..
[js] window.open() 공지사항 창 만들기 홈페이지에 들어갔을 때 왼쪽 그림의 하이퍼링크를 누르면 오른쪽에 있는 공지사항 창을 뜰 수 있도록 만든다. 공지사항 입니다 이번 코로나로 인하여 원격 수업을 할 수 밖에 없습니다. 다소 어려울 줄 알고 있습니다. 우리 함께 힘 냅시다. 오른쪽 그림에 있는 창부터 html로 만들어준다. 공지사항 창 열기 공지사항 열기 1. 태그를 이용해 하이퍼링크 창을 만들어준다. 누르면 "Javascript:openWin()"로 이동 --> Javascript라는 LANGUAGE 안에 있는 openWin 함수 2. 새로운 창을 열기 위해서 변수를 선언한다. 기본형은 window.open("url경로", "창이름", "옵션설정"); window는 객체, open은 메소드 주의 해야 할 점은 옵션설정 쌍 따옴표 부분 안에 ..
[js] slect문에서 다중선택 입력 및 출력하기(multiple) [js] select에서 단일 입력 및 출력(전공선택) 전공 체크 전공 컴퓨터 정보통신 법학 경영학 영문학 var idx = ff.ss.options[ff.ss.selectedIndex].value; ff.ss.셀렉트 되어 있는 것을 찾는다. value 그걸 갖고와라 ff 폼 이름이 s.. practice365.xyz select 단일선택에 이어서 다중선택이라면 어떻게 출력을 해야할까요? 전에 사용했던 예시를 이용해서 만들어봤습니다. 비교적 짧고 쉬웠던 코드 컴퓨터 경영학 법학 영문학 정보통신 1. 초기화 및 불러오기 읽는 과정에서 1차원 배열을 쓸 거라서 result = [];으로 초기화를 시켜준다. options = ss; 불러와서 읽으려고 옵션에 ss를 넣어준다. opt 초기화는 출력시 서로 떨어뜨..
[js] 주민번호 13자리 체크 만들기 주민번호 - onsubmit="return check(this);" 디스를 갖고가서 체크하고(check) 다시 줘라(return) 원래는 잘 안 쓰지만 여기서는 체크 하려고 써줌 원래는 action=""으로 들어감 주민번호 - 만들어줌 function check(it) --> it으로 받아줌 var idnum = it.idnum1.vaule --> if는 form전체 idnum1.vaule 밸류는 안의 내용을 가르킴 -->첫번째 창의 입력 받은 전체 '글자' var idnum = it.idnum1.vaule + it.idnum2.value; -->it.idnum2.value를 함께 더해 --> idnum 체크를 해서 돌려 받아서 그것이 참인지 계산을 해야 됨 if(idnum_chk) == true) { ..
[js] eval을 이용해서 계산기 만드는 방법 입력 받을 창을 먼저 만든다. onclick="cc(this.form)" 클릭하면 아래로 넘겨주기 function cc(ss){ ss.num.value = eval(ss.lim.value); } 넘겨 받는 함수 eval(ss.lim.value) eval() --> 괄호 안을 계산 ss.num.value = eval(ss.lim.value); --> 계산한 것을 ss.num.value 이곳에 대입한다. 그럼 두번째 창에 답이 나옴
[js] select에서 단일 입력 및 출력(전공선택) 전공 컴퓨터 정보통신 법학 경영학 영문학 var idx = ff.ss.options[ff.ss.selectedIndex].value; ff.ss.셀렉트 되어 있는 것을 찾는다. value 그걸 갖고와라 ff 폼 이름이 ss인 것에 selectedIndex 선택되어진 것 value 갖고와라 멀티가 아니라 하나만 갖고 와라 여기서 selectedIndex 이 문장은 select문에서 사용함 document.write(idx); --> 페이지에 갖고 와라
[js] checkbox에 입력된 값을 읽고 출력(취미 체크) 취미 축구 배구 농구 등산 테니스 onclick="Check(this.form);" --> onclick 클릭 했을 때 this.form (form에 있는 모든 걸 가지고 가) Check(this.form); 인수 Check(ff){ } 가인수 function Check(ff){ { msg += ff.cb1.value; + "\n"; } function Check(ff){ var msg = ""; if(ff.cb1.checked) { msg += ff.cb1.value; + "\n"; } if(ff.cb2.checked) { msg += ff.cb2.value; + "\n"; } if(ff.cb3.checked) { msg += ff.cb3.value; + "\n"; } if(ff.cb4.checked)..

티스토리툴바