반응형

언어/Java Script 16

[Java Script] 자바 스크립트 select combo 간단한 구현방법

자바 스크립트 select combo 를 간단하게 하드코딩으로 구현하는 방법은 아래와 같다 우선 이거는 jquery 를 이용한 동적 셀렉트 라는 키워드를 치면 많은 정보들을 구글링을 해서 얻을 수 있다. 보기보다는 jquery 로 쉽게 구현할 수 있다. setUIEvent : function(){ $("#divs").on("change", function(){ var s1 = $(this).val(); var options = ""; if(s1 == "인구") options = "전체연령|남성연령|여성연령|교육정도|혼인상태"; else if(s1 == "가구") options = "점유형태|세대구성"; else if(s1 == "주택") options = "연건평|주택유형|건축년도"; else if(s1..

언어/Java Script 2020.08.21

[JavaScript] 자바스크립트 select 박스 동적으로 년도 넣기

자바 스크립트를 통해 처음으로 년도를 동적으로 집어넣어 보았다. 다른 방여러가지 방법들이 있지만, 그 중 한가지 방법으로 시도를 해보았다. 1. html 공간 만들기 span class="select"> 년도 우선, html 에 공간을 하나 만들어 주었다. 2. 자바 스크립트로 프로세스 만들기 $collectyears.ui ={ //날짜 옵션 설정 setDateBox : function(){ var dt = new Date(); var com_year = dt.getFullYear(); //올해 기준으로 -20년부터 +1년을 합쳐준다 years = ""; for(var i = (com_year - 20); i

언어/Java Script 2020.08.20

[Java Script] select 콤보 옵션 만들때 참고할 링크

자바 스크립트 콤보 오션 만들때 아래 링크 참고할 것 참고 링크 https://100ah.tistory.com/11 javascript select의 option 옵션 년,월 에 맞춰 마지막 날 select option의 Day 자동변경 select (콤보박스)의 년, 월을 선택때마다마지막 일수가 변경되는 함수입니다. 월을 선택하면 그 월의 마지막 날을 계산해서 select option이 변경됩니다. 아래의 이미지로 보시면 2019년 10월을 선택했 100ah.tistory.com https://breadshuttle.tistory.com/entry/JavaScript-%EC%84%A0%ED%83%9D%EC%97%90-%EB%94%B0%EB%9D%BC-%EB%8B%AC%EB%9D%BC%EC%A7%80%E..

언어/Java Script 2020.08.20

[JavaScript] dialog

HTML 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 말한다. 쉽게 말해서, 유저가 어떤 동작을 실행하기에 앞서 창 등의 대화상자를 띄워서 유저가 하려는 행동을 다시금 체크하는 등의 상호작용을 하는 컴포넌트라고 보면 될 것 같다. 아래 링크를 참고하여 공부하자 참고 이미지 링크 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/dialog : 대화 상자 요소 HTML dialog 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다. developer.mozilla.org

언어/Java Script 2020.08.19

[JavaScript] 'node'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ���ġ ������ �ƴմϴ�. 에러

vs code 에서 자바 스크립트를 실행하다가 위와 같은 에러가 떴었다..몹시 당황했지만 구글링을 해본 결과 윈도우에서만 발생하는 node.js command 로 자바스크립트를 실행할때 발생하는 문제였는데 아래의 링크를 통하여 해결방법을 찾았다. 참고 링크 https://github.com/js-200/js-200-examples/issues/1 004장 코드러너 실행 · Issue #1 · js-200/js-200-examples Dismiss Join GitHub today GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software toget..

언어/Java Script 2020.07.16

[JavaScript] : AJAX 이란?

AJAX 에 대해서 그동안 잘 몰랐는데 공부하다보니 자바스크립트의 라이브러리 중 하나라는 것을 이제서야 알게되다니.. 아래 링크 참고해서 좀 더 자세히 봐야겠다. https://coding-factory.tistory.com/143 [Ajax] Ajax란 무엇인가? ▶ Ajax란? Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를.. coding-factory.tistory.com

언어/Java Script 2020.07.16
반응형