Tips

いっろいろなTips

jQuery

●Enter キーで処理を実行する

$('input').keydown(function(e){
  if(e.keyCode=='13'){

    ここに処理を書く

    return false;  // これを忘れずに!
  }
});

●有効な最初の input にフォーカスを当てる

$('input:visible').eq(0).focus();

JavaScript

●月や日を2桁揃えにする

("0" + data).substr(-2);

●閏年の判定

if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)){
  // 閏年の処理をここに記述
}else{
  // 平年の処理をここに記述
}

●クエリ文字列の取得

(1) 送信側

<a href="http://send/url/queryGet.html?yy=2016&amo;mm=2">リンク先</a>でクエリを確認</p>

(2) 受信側

<script type="text/javascript">
  $(function(){
    // クエリ文字列の取得
    function GetQueryString(){
      var result = {};  // 戻り値格納用
      if( 1 < window.location.search.length ){
        // 最初の1文字 (?記号) を除いた文字列を取得する
        var query = window.location.search.substring(1);
        // クエリの区切り記号 (&) で文字列を配列に分割する
        var parameters = query.split( '&' );
        for( var i = 0; i < parameters.length; i++ ){
          // パラメータ名とパラメータ値に分割する
          var element = parameters[ i ].split('=');

          var paramName = decodeURIComponent( element[0] );
          var paramValue = decodeURIComponent( element[1] );
          // パラメータ名をキーとして連想配列に追加する
          result[ paramName ] = paramValue;
        }
      }
      return result;
    }
    var query = GetQueryString();      // クエリの取得
    $.each(query,function(key,val){   // 連想配列からクエリを取出す
      html += "<p>key=" + key + ", val=" + val +"</p>";
    })
    console.log(query);
  });
</script>

css

●BootstrapのJumbotronに画像を表示する

.jumbotron{
  font-family: meiryo;
  background-image: url("../img/DSC03120.JPG");
  background-position: center center;
  background-size: cover;
  color: #fff;
  text-align: center;
}

その他

●Google prettify でシンタックスハイライト

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
<link rel="stylesheet" href="/css/prettify.css">

<script type="text/javascript">
  $(function(){
    prettyPrint();
  });
</script>

<body>

<pre class="prettyprint linenums">
  // ここにコードを記述
</pre>

<script src="/js/prettify.js"></script>
</body>