Chu

http://www.cssscript.com/super-simple-javascript-message-toaster-toast-js/ http://www.cssscript.com/demo/super-simple-javascript-message-toaster-toast-js/ Load the necessary toast.js JavaScript library in your project.1Display a basic toast message on your web application.1var toast = new iqwerty.toast.Toast();2toast.setText('This is a basic toast message!')3.show();Custom the duration. This toa..

Internet Explorer function paste(target) { if (window.clipboardData) { target.innerText = window.clipboardData .getData('Text'); return; }}function copy(target){ if(window.clipboardData){ window.clipboardData.setData('Text', target.innerText); }} Chrome & Firefox function copy(target) { // standard way of copying var textArea = document.createElement('textarea'); textArea.setAttribute ('style','..

/** * dot(.) 형태의 IP Address 를 number(long) 형태로 변경 * @param str * @returns */function ipAddrToNum(str) { var d = str.split('.'); return ((((((+d[0])*256)+(+d[1]))*256)+(+d[2]))*256)+(+d[3]);} /** * number(long) 형태의 IP Address 를 dot(.) 형태로 변경 * @param num * @returns {Number} */function numToIpAddr(num) { var d = num%256; for (var i = 3; i > 0; i--) { num = Math.floor(num/256); d = num%256 + '.' + ..

var x = document.getElementByID('fromID'); document.getElementByID('toID').insertAdjacentHTML('afterbegin',x.innerHTML); HTML DOM className Property http://www.w3schools.com/jsref/prop_html_classname.asp element.insertAdjacentHTML(position, text); 'beforebegin' Before the element itself. 'afterbegin' Just inside the element, before its first child. 'beforeend' Just inside the element, after its ..

Intl.NumberFormat().format(1234); // returns "1,234" if the user's locale is en_US, for example 자바스크립트 숫자 콤마 찍기

function installedPlugIn() { var plugin = navigator.mimeTypes['application/x-weblauncher-plugin,version=1.0.0.1']; if (plugin == null) return false; else return true; }

function setCookie(name,value,expiredays) { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";" } setCookie("cookiename","cookievalue",1); //쿠키값 설정하기 var varname = getCookie('cookiename'); //쿠키값 변수로 가져오기

js-video.css .js-video { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 57.25%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } html file 동영상이렇게 감싸주기만 하면 끝 jquery로 응..

동영상을 지정한 크기로 조절. 유튜브 등 여러가지 지원. 워드프레스 등에도 널리 사용되는 FitVids 스크립트 FitVids 적용할 스크립트는 동영상 위치 뒤쪽에 넣어준다. 관련사이트 http://fitvidsjs.com/

http://jsfiddle.net/uNGKb/3/

자바스크립트 location.href 와 location.replace 의 차이점

// ==UserScript== // @name Text Replace // @name_kr 문자열 치환 // @description Text Replace // @description_kr 문자열 치환 // @include * // @enable true // ==/UserScript== (function(){ html = document.body.innerHTML.replace(/변경전/g, '변경후'); document.body.innerHTML = html; })();

여기서 s2가 넘겨질 input의 id값

자바스크립트 이벤트 핸들러 (Event Handler) onabort 이미지의 다운로드를 중지할 때 (브라우저의 중지버튼) onactivate 개체가 활성화될 때 발생 (태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러) onafterprint 문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생 onafterupdate 데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되었을 때 발생(데이터 개체부분 참조) onbeforeactivate 개체가 활성화 상태로 되기 바로 직전에 발생 (onactivate 참고) onbeforecopy 선택 영역이 시스템의 클립보드로 복사되기 바로 직전에 ..

function copy(value) { var doc = eval('document.all.' + value + '.createTextRange()'); //var doc = eval('document.getElementById(id).createTextRange()'); //위의 방식으로 하면 개체가 속성을 지원하지 않는다고 에러난다. // alert(doc.text); doc.execCommand('copy'); alert("복사되었습니다."); }

사이즈 변경 [크게] [작게]

// 특정키 눌러서 특정페이지로 이동하게하는 스크립트 var key = new Array(); // 키값과 이동할 곳의 주소를 입력 하세요 key['!'] = "http://www.cyworld.com"; key['@'] = "http://www.google.co.kr"; function GetKeyStroke(KeyStroke) { var evt = KeyStroke || window.event; // var eventChooser = evt.keyCode; var eventChooser = evt.keyCode || evt.which; var target = evt.target || evt.srcElement; while(target && target.tagName.toLowerCase() != 'i..

encodeURI() / decodeURI() 최소한의 문자만 인코딩합니다. ; / ? : @ & = + $ , - _ . ! ~ * ' ( ) # 이런 문자는 인코딩하지 않습니다. http:// ... 등은 그대로 나옵니다. encodeURIComponent() / decodeURIComponent() 알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다. http:// ... 가 http%3A%2F%2F 로 됩니다. escape() / unescape() 예전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다