3초기억력

체크박스를 모두 선택하거나 해제할 수 있는 스크립트를 추가하여, 버튼 클릭 시 모든 체크박스의 상태를 토글(toggle)하는 기능을 구현해보겠습니다. 이를 위해 두 개의 버튼을 사용하여 "전체 선택"과 "전체 해제" 기능을 각각 수행하도록 하겠습니다. 아이템1 아이템2 아이템3 아이템4 ..

해외 IP 접속자 접근 시 다른 페이지로 이동하거나, 사이트 접근을 막는 스크립트 API ​ 가격대마다 정보 제공량이 다른데, Free 로 사용해도 무리없음. https://ipinfo.io/pricing json 형식으로 data 를 보내주며, ip, country, city, loc 등 정보를 보내줌 https://ipinfo.io/developers#jsonp-cors-requests 출처 : https://ipinfo.io/

제목 : 전화기 키패드의 영어를 숫자로 변환해주는 javascript 내용 : 우리나라에서는 8282, 2424 등 발음하기 쉽거나, 기억이 쉬운 번호로 가게 전화번호를 많이 쓰지만, 해외에서는 전화기의 키패드 영어로 가게 전화번호를 홍보하는 수단으로 많이 쓰인다. 010-goTicket 등 티켓 광고표지판의 전화번호 영역에 쓴 번호이긴 한데, 실제로는 전화기의 키패드에 숫자 아래의 영어로 전화번호를 표기한 것이다. (스마트폰 키패드도 마찬가지) 소스로, 위의 goTicket을 변환한 모습이다. 예제 소스 파일 : 출처 : 나

제목 : div show() 방법 중 template 사용하는 방법 소스 : 클릭하면 show1에 div1이 보임 내용 : 보통 div 를 style="display:none" 한 후에, 버튼 action 에 onclick 이벤트를 받아서 해당 id 의 display:block 처리를 하는 방법이 있지만, 를 사용하면, html 에서는 text/template 이 해석이 안되니 노출이 안되고, template 내부의 html 소스를 그대로 html() 로 가져와서 보여주면 된다. 예제 소스 파일 : 출처 : 나

제목 : HTML5 Web Storage Objects - localstorage 사용법 소스 : 1. 브라우저에서 web storage 를 사용할 수 있는가 체크방법if (typeof(Storage) !== "undefined") { // Code for localStorage/sessionStorage. } else { // Sorry! No Web Storage support.. } 2.사용법The localStorage Object// Store localStorage.setItem("lastname", "Smith"); // Retrieve document.getElementById("result").innerHTML = localStorage.getItem("lastname"); // Stor..

제목 : 매번 까먹는 javascript - checkbox 멀티 선택 value 처리 소스 : var f = document.Frm;var items = ""; if (!f.skintype) return false; if (typeof(f.skintype.length) == "undefined") {alert('피부타입을 선택해주세요.');return false;}else {for (var i=0; i

제목 : easyTree.js 사용하여 트리메뉴 구조 중, 이동 처리시 샘플 html 소스 : 메뉴 Example 1 Example 2 Example 3 Example 4 Example 8 Example 8 Example 8 Example 8 Example 8 Example 8 Example 5 Example 6 Example 7 Example 8 Example 8 Example 8 Example 8 Example 8 Example 8 내용 : ul > li 로 구성되어있는 트리메뉴 구조에서 drag & drop 으로 메뉴 이동하는 html 기본 소스 easyTree 를 사용하고, li의 크기가 child 갯수가 많아질 수록 li 의 범위가 넓어짐. 단순 droppable 만 사용하면, li 하위 chi..

제목 : HTML TAG 삭제 자바스크립트 소스 : 내용 : f.userURL.value = stripHTML(f.userURL.value); 이런 식으로 이용 가능함. 예제 소스 파일 : 출처 : http://stackoverflow.com/questions/822452/strip-html-from-text-javascript

제목 : 다른 form 의 name, value 를 가져오는 방법 소스 : function fnAllFrmValue(){ var myForm = document.getElementById("Frm");var myForm2 = document.getElementById("payForm"); for (var i = 0; i < myForm.elements.length; i++) {console.log(myForm.elements[i].name + '=' + myForm.elements[i].value); var in1 = document.createElement("input");in1.setAttribute('type','hidden');in1.setAttribute('name', myForm.element..

제목 : html5 브라우저 알림창 띄우기 크롬, 사파리, 파이어폭스 최신 버전에서만 활용되는것으로 보임IE 10 이하는 안됨. 소스 : 내용 : DEMO : http://ttsvetko.github.io/HTML5-Desktop-Notifications/ 출처 : https://github.com/ttsvetko/HTML5-Desktop-Notifications