웹프로그래밍/자바스크립트
-
POST 형식으로 페이지 이동 - J쿼리(JQurey)웹프로그래밍/자바스크립트 2020. 11. 27. 13:20
자바스크립트로 페이지를 이동시킬경우 location.href 로는 get 형식으로 인수를 전달한다. 그러나 인수의 값이 길거나 또는 인수값을 주소표시줄에 노출시키고 싶지 않은 경우 등등은 POST 형식으로 페이지를 이동시켜야 한다. 자바스크립트로 POST 형식으로 페이지를 이동시키려면 다음의 과정을 실행해야 한다. 오브젝트를 구성요소를 포함하여 만든다. action: 이동할 페이지 URL method: get/post 여기서는 POST를 지정한다. target: 현재창에서 할지 새창으로 열지 등등... 전달할 인수들을 포함시켜 준다. 위에서 만든 폼을 submit() 하여 실행한다. 위와같은 과정을 함수로 만들어 놓고 필요할때 스크립트에 포함해서 사용하면 편하다. function pageGoPost(d)..
-
엘리먼트의 show, hide 이벤트 감지하기 - J쿼리웹프로그래밍/자바스크립트 2019. 10. 17. 18:29
특정 엘리먼트에 .show() 또는 .hide() 이벤트가 실행될때 별도로 on() 이벤트에 등록시켜 관련된 처리를 하는 방법. //-- show, hide 이벤트 정의 (function ($) { $.each(['show', 'hide'], function (i, ev) { var el = $.fn[ev]; $.fn[ev] = function () { this.trigger(ev); return el.apply(this, arguments); }; }); })(jQuery); //-- on 이벤트 등록 $(셀렉터).on("show", function(){ console.log("menu on"); }); $(셀렉터).on("hide", function(){ console.log("menu off"); ..
-
자바스크립트 시간계산, 날짜계산웹프로그래밍/자바스크립트 2019. 9. 3. 14:51
시간계산 계산할 두 시각을 정한다. var 시간1 = new Date("2019-09-03 12:00:00"); var 시간2 = new Date("2019-09-03 14:23:32"); 두 시각의 간격을 변수 "간격"에 입력한다. var 간격 = 시간2 - 시간1; // 간격 의 값은 8612000(밀리초) 가 된다. 간격 값의 시, 분, 초 값을 얻는다. var 시 = Math.floor((간격 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var 분 = Math.floor((간격 % (1000 * 60 * 60)) / (1000 * 60)); var 초 = Math.floor((간격 % (1000 * 60)) / 1000); console.log( 시 +"시간 ..
-
exif.js - 자바스크립트로 사진이미지의 메타데이터(EXIF) 확인하기웹프로그래밍/자바스크립트 2019. 5. 13. 14:46
exif.js 플러그인 링크 https://github.com/exif-js/exif-js exif-js/exif-js JavaScript library for reading EXIF image metadata - exif-js/exif-js github.com 사용법 [html] [js] var imgElem = document.getElementById("myImg"); imgElem.exifdata = null; // 같은 페이지 안에서 이미지가 바뀌는 경우 이전의 메타데이터 정보를 지워주어야 함. EXIF.getData(imgElem, function() { var make = EXIF.getTag(this, "Make"); //"Make" 항목만 확인 console.log( make ); var..
-
자바스크립트 난수 만들기웹프로그래밍/자바스크립트 2018. 9. 14. 01:19
[기본] 0 ~ 1 까지의 무작위수(난수) 만들기 Math.random()*1 //부동소수점 실수 반환 1에서 10까지 정수 무작위수(난수) 만들기 Math.floor(Math.random() * 10) + 1; 특정 범위내에서 정수 무작위수(난수) 만들기 예) 10 에서 20 사이의 난수 만들기Math.floor( (Math.random() * (20 - 10 + 1)) + 10 ); 외워야 하는게 맞지만, 그냥 사용하기 편하게 함수로 만들어놓고 써보자. function nansu(small, big){ if (!big){ return Math.random() * small; } else { return Math.random() * (big - small) + small; } } 사용법0~10 사이의 ..
-
HTML5 getUserMedia 카메라 제어 켜고끄기웹프로그래밍/자바스크립트 2017. 10. 24. 21:38
카메라 켜기 var localstream; navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; if (navigator.getUserMedia) { navigator.getUserMedia( { audio: false, video: true }, function(stream) { // 카메라 접근 성공 video = document.querySelector('video'); video.srcObject = stream; localstream = stream; video.onloadedmetadata = function(e) { video.play(); }; },..
-
jQuery-UI select 박스 안보이는 문제웹프로그래밍/자바스크립트 2017. 10. 23. 12:17
제이쿼리-UI를 사용하여 드롭다운 박스(select menu)를 만들때다이얼로그 박스 안에 셀렉트메뉴를 넣은 경우에셀렉트메뉴의 드롭다운 박스가 다이얼로그 박스 밑으로 가려지는 경우가 있습니다. z-index를 조정해서 해결해 보려 하였지만 실패하고아래와 같이다이얼로그 박스를 오픈시킬때다이얼로그 박스 생성뒤에 다시 셀렉트메뉴를 정의해 주는 방법으로 해결 했습니다. $("#dialog").dialog("open");$("#select").selectmenu();