<button type="button" id="myButton" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off">
  Loading state
</button>

<script>
  $('#myButton').on('click', function () {
    var $btn = $(this).button('loading');
    // business logic...
    $btn.button('reset');
  })
</script>





참고 :
http://getbootstrap.com/javascript/#buttons






 // 최대 바이트 제한
function fnMaxByte(e, max) {
    var $target = $(e.target);  
    var byteCount = getByteLength($target.val());  
    if (byteCount > max) {
        var rtnStr = $target.val();      
        var rtnByte = getByteLength(rtnStr);
        var leng = rtnStr.length;
        while (rtnByte > max) {
            rtnStr = rtnStr.substr(0, leng--);
            rtnByte = getByteLength(rtnStr);
        }
        $target.val(rtnStr);
    } else {
        $($target.closest('div.row')).find('.limitTextNum span').text(byteCount);    }
}


// 바이트 카운트
function getByteLength(s,b,i,c){
    for(b=i=0;c=s.charCodeAt(i++);b+=c>>11?3:c>>7?2:1);
    return b;
}





http://hangaebal.blogspot.kr/2015/09/javascript-string-byte-length.html


function fnMsToTime(duration) {
    var milliseconds = parseInt((duration%1000)/100)
        , seconds = parseInt((duration/1000)%60)
        , minutes = parseInt((duration/(1000*60))%60)
        , hours = parseInt((duration/(1000*60*60))%24)
        , days = parseInt(duration/(1000*60*60*24));
    hours = (hours < 10) ? "0" + hours : hours;    minutes = (minutes < 10) ? "0" + minutes : minutes;    seconds = (seconds < 10) ? "0" + seconds : seconds;
    return days + "일 " + hours + "시간 " + minutes + "분 " + seconds + "초 " + milliseconds + ' 남음';}




http://hangaebal.blogspot.kr/2015/07/javascript-milliseconds-to-time-string.html

unction fnPopup() {
    var popupOption = 'directories=no, toolbar=no, location=no, menubar=no, status=no, scrollbars=no, resizable=no, left=400, top=200, width=440, height=550';
    window.open(URL, name, popupOption);
}

function fnClose() {
    window.opener.location.href = URL;
    window.close();
}


참고 :
http://www.w3schools.com/jsref/met_win_open.asp






http://hangaebal.blogspot.kr/2014/11/javascript-popup-window-open-and-close.html

비밀번호 규칙에 사용


var check = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,16}$/;

if (!check.test(pw)) {   
    // fail
} else {
    // success

}






http://hangaebal.blogspot.kr/2014/11/javascript_5.html

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>로그인</title>
<link rel="stylesheet" type="text/css" href="/conf/style.css">
<S-ript Language="JavaS-ript">// 로그인 입력 확인
function checkLogin(){
var frm = document.loginForm;
 if(frm.id.value == "") {
  alert("아이디를 입력하세요.");
  frm.id.focus();
  return false;
 }
 if(frm.pass.value == "") {
  alert("비밀번호를 입력하세요.");
  frm.pass.focus();
  return false;
 }
 // 로그인 정보 저장 체크 확인하여 진행
 if(frm.saveid.checked) saveLogin(frm.id.value);
 else  saveLogin("");
 frm.action = "/member.do?method=login";
 frm.submit();
}
// 로그인 정보 저장
function confirmSave(checkbox){
  var isRemember;
  // 로그인 정보 저장한다고 선택할 경우
  if(checkbox.checked)  {
    isRemember = confirm("이 PC에 로그인 정보를 저장하시겠습니까? \n\nPC방등의 공공장소에서는 개인정보가 유출될 수 있으니 주의해주십시오.");
    if(!isRemember)
      checkbox.checked = false;
  }
}
// 쿠키값 가져오기
function getCookie(key){
  var cook = document.cookie + ";";
  var idx =  cook.indexOf(key, 0);
  var val = "";
  if(idx != -1)  {
    cook = cook.substring(idx, cook.length);
    begin = cook.indexOf("=", 0) + 1;
    end = cook.indexOf(";", begin);
    val = unescape( cook.substring(begin, end) );
  }
  return val;
}
// 쿠키값 설정
function setCookie(name, value, expiredays){
  var today = new Date();
  today.setDate( today.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";";
}
// 쿠키에서 로그인 정보 가져오기
function getLogin(){
 var frm = document.loginForm;
 // userid 쿠키에서 id 값을 가져온다.
 var id = getCookie("userid");
 // 가져온 쿠키값이 있으면
 if(id != "") {
  frm.id.value = id;
  frm.saveid.checked = true;
 }
}
// 쿠키에 로그인 정보 저장
function saveLogin(id){
 if(id != "") {
  // userid 쿠키에 id 값을 7일간 저장
  setCookie("userid", id, 7);
 }else{
  // userid 쿠키 삭제
  setCookie("userid", id, -1);
 }
}
</Script>
<body onLoad="getLogin()">
<img src="/item/images/11300514_user_153922.jpg" alt="" width="900px" height="120px"
      onclick="location.href='/main.do'" style="cursor:hand; margin-bottom:10px; display:block;"/>
<div class="left">
<jsp:include page="/conf/left_column.jsp"></jsp:include>
</div>
<div class="main">
<form name="loginForm" method="post" action="">
아이디 : <input name="id">
 <input name="saveid" id="saveid"        type="checkbox" onClick="confirmSave(this)">
 <label for="saveid">저장</label>
<br> 비밀번호 : <input name="pass" type="password"> <br> <br>
<input type=submit value="로그인" onclick="checkLogin();">
</form>
<c:if test="${ result ne null }">
<c:if test="${result==0}">비밀번호가 틀립니다.</c:if>
<c:if test="${result==-1}">아이디가 없습니다.</c:if>
</c:if>
</div>
</body>
</html>
 
 
출처 :
http://seonju.egloos.com/viewer/85761





http://hangaebal.blogspot.kr/2014/11/javascript.html



<!doctype HTML> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>KakaoLink Demo(Web Button) - Kakao Javascript SDK</title> <script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script> </head> <body> <h3>카카오톡 링크는 카카오톡 앱이 설치되어 있는 모바일 기기에서만 전송 가능합니다.</h3> <a id="kakao-link-btn" href="javascript:;"> <img src="http://dn.api1.kage.kakao.co.kr/14/dn/btqa9B90G1b/GESkkYjKCwJdYOkLvIBKZ0/o.jpg" /> </a> <script> // 사용할 앱의 Javascript 키를 설정해 주세요. Kakao.init('YOUR APP KEY'); // 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. Kakao.Link.createTalkLinkButton({ container: '#kakao-link-btn', label: '카카오링크 샘플에 오신 것을 환영합니다.', image: { src: 'http://dn.api1.kage.kakao.co.kr/14/dn/btqaWmFftyx/tBbQPH764Maw2R6IBhXd6K/o.jpg', width: '300', height: '200' }, webButton: { text: '카카오 디벨로퍼스', url: 'https://dev.kakao.com/docs/js' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다. } }); </script> </body> </html>



출처 :
https://developers.kakao.com/docs/js






http://hangaebal.blogspot.kr/2014/07/javascript-kakaotalk-share-url-url.html

*Twitter
- http://twitter.com/share

*Facebook
- http://facebook.com/sharer.php

*Facebook with parameter
- var facebook_url = 'http://www.facebook.com/sharer.php?'+
  'u='+encodeURIComponent('http://google.com/?q=bla')+
  '&amp;t='+encodeURIComponent('Some Page Title');

출처 :
http://stackoverflow.com/questions/7584197/sharer-link-with-parameter-in-url





http://hangaebal.blogspot.kr/2014/07/javascript-facebook-twitter-share-link.html


*Format 1
- http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>

*Format 2
- line://msg/<CONTENT TYPE>/<CONTENT KEY>

출처 :
http://media.line.me/en/




http://hangaebal.blogspot.kr/2014/07/javascript-line-share-url-button-line.html

if(navigator.userAgent.match(/(android)|(iphone)|(ipod)|(ipad)/i)) {

}

window.mobilecheck = function() {
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
return check; }



http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser
http://detectmobilebrowsers.com/






http://hangaebal.blogspot.kr/2014/07/javascript-detect-mobile-browsers.html


+ Recent posts