프로그래밍/JavaScipt 37

javascript youtube api iframe 제어(play/pause/stop)

youtube api가 ie8에서 오류가있어서 iframe으로 제어해야할 일이생김. 그냥 iframe에 id값만 지정을해주고, src쪽에는 enablejsapi=1&version=3&playerapiid=ytplayer 넣어주고.. $('#player')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jquery로 선택자 해서 postMessage를 해주면 제어가되는부분.. func 쪽에 넘겨줄값은 원하는 제어값을 넣어주면 된다. javascript로 할려면 getElementById로 하면되는부분.. ex) 재생 = playVideo 일시정지 = pauseVideo 중지 = stopVideo ..

javascript "use strict"사용

출처 : http://blog.aliencube.org/ko/2014/01/02/reasons-behind-using-strict-mode-while-coding-javascript/ 가끔 외부사이트 소스를 볼때 스크립트상단 혹은 함수내부에 "use strict"라는 부분을 볼수있어서 검색해보았다. 요약 : 기존의 자바스크립트 코드에 대해 좀 더 엄격한 검사를 실행시키고 싶다면 문서의 첫 줄에 "use strict";를 추가하고, 기존의 것은 그대로 놔두고, 새로운 코드에 대해서만 추가하고 싶다면 각각의 함수 블록 처음에 추가하는 것이 좋겠다.

onChange함수를 이용한 선택에따라 달라지는 SelectBox

프로모션중에 종종 셀렉트박스 선택에따라 다른 옵션값들을 보여줘야 할 때가 있다. 주로 아래 소스를 사용했다. 소스 : 대분류 분류1 분류2 분류3 소분류 fnCngList 함수 : function fnCngList(sVal){ var f = document.form1; var opt = $("#ctg_nm option").length; if(sVal == "") { num = new Array("소분류"); vnum = new Array(""); }else if(sVal == "B1") { num = new Array("분류1-1","분류1-2","분류1-3"); vnum = new Array("1-1","1-2","1-3"); }else if(sVal == "B2") { num = new Array("..

셀렉트박스와 이메일입력폼

프로모션시 참여자의 개인정보받을시 이메일정보를 받을때 자주사용했다. 기본 input박스 2개와 셀렉트박스1개를 사용하며 셀렉트박스에는 onchange함수로 chgdomain3();를 이용한다. @ 직접입력 다음 네이버 네이트 구글 chgdomain3 함수 function chgdomain3(){ var f = document.form1; if (f.edomain.value == ""){ f.EMAIL2.value = ""; f.EMAIL2.focus(); }else{ selectedIndex = f.edomain.options.selectedIndex; f.EMAIL2.value = f.edomain.options[selectedIndex].value; } }