World Wide Web/javascript 썸네일형 리스트형 브라우져 체크 123456789101112131415161718192021222324252627282930313233343536// 브라우저 및 버전을 구하기 위한 변수들.//'use strict';var agent = navigator.userAgent.toLowerCase(), name = navigator.appName, browser; // MS 계열 브라우저를 구분하기 위함.if(name === 'Microsoft Internet Explorer' || agent.indexOf('trident') > -1 || agent.indexOf('edge/') > -1) { browser = 'ie'; if(name === 'Microsoft Internet Explorer') { // IE old version (I.. 더보기 html5 video tag 정지, 재생, 처음부터 재생 시키기 12345 Colored by Color Scriptercs video 태그를 이용하여 stop, play하는 방법을 배워보자.평소에는 쓰임새가 없어서 써보지 않았던 video태그를 제안에 쓸일이 구글링을 통하여 재생, 정지, 리플레이를 찾아보았지만 작동이 되질 않는다.123$("#video1").stop();$("#video1").play();$("#video1").currentTime();cs 구글링을 통해서 찾은 video 태그의 콘트롤 방법이였다. 해결책은 어떤 책에서 발견했는데 무슨 책인지 기억이 나질 않는다. 어찌되었든 코드는 123$("#video1").get(0).stop();$("#video1").get(0).play();$("#video1").get(0).currentTime();cs .. 더보기 디바이스 세로/가로 모드 체크 모바일에서 세로모드(평소 보는 방향)과 세로모드(동영상등)을 체크해주는 자바스크립트 소스입니다. 주석부분을 참고하시고 유용하게 쓰시길 바랍니다! 1234567$(window).on("orientationchange", function(event){ if(window.matchMedia("(orientation: portrait)").matches){ // 세로 모드 }else if(window.matchMedia("(orientation: landscape)").matches){ // 가로 모드 }});Colored by Color Scriptercs 더보기 youtube iframe API 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475//유튜브 콘트롤러 var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTu.. 더보기 팝업 풀사이즈로 띄우기 123456789101112131415161718192021222324252627282930313233343536373839function openFullWindow(Option) { var screenSizeWidth,screenSizeHeight; if (self.screen) { screenSizeWidth = screen.width ; screenSizeHeight = screen.height; } documentURL = "./gisa_pop.html"; //팝업창에 출력될 페이지 URL windowname = "wmname"; intWidth = screenSizeWidth; intHeight = screenSizeHeight; intXOffset = 0 ; intYOffset = 0 ; if.. 더보기 이전 페이지의 주소 받기 var referrer = document.referrer; 이전 주소의 URL 값을 받아 올수 있다. 더보기 브라우저 체크 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859601. 브라우저 헤더정보 function userAgent(){ var browserType = ""; if(navigator.userAgent.indexOf("Chrome") != -1) { browserType = "CR"; return browserType; } if(navigator.userAgent.indexOf("like Gecko") != -1 || navigator.userAgent.indexOf("MSIE") != -1) //like Gecko는 IE11용 { browserType = "IE";.. 더보기 팝업창에서 부모창 옆에 새창 띄우기 123456789function MoveUrl(){ var nUrl = "url";var openNewWindow = window.open("about:blank");openNewWindow.location.href = nUrl; window.close();}Colored by Color Scriptercs특정 링크를 누르면 본창은 사라지며 부모창옆에 새로운 창으로 링크가 전달. 더보기 google maps api 사용하기 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 var map; var infowindow = new google.maps.InfoWindow(); initialize(); function initialize() { // 위도와 경도 var latlng = new google.maps.LatLng(37.530659, 126.924083); // 지도옵션 var myOptions = { zoom: 15, center: latlng, mapTypeId: goo.. 더보기 자바스크립트 location객체 설명 현재 페이지를 강제로 다른곳으로 이동시키거나 파라미터등 값을 가져올때 사용● location객체 프로퍼티 href 문서의 URL 주소 현재 페이지 주소 전체 host 호스트 이름과 포트 http://tessjds.tistory.com:80 hostname 호스트 컴퓨터이름 http://tessjds.tistory.com hash 앵커이름 #top pathname 디렉토리 이하 경로 /ceo/location.asp port 포트번호 부분 80 protocol 프로토콜 종류 http:// search URL 조회부분 oneNum=1&twoNum=1 //url이동location.href="갈 URL" //새로고침location.reload(); 더보기 이전 1 2 다음