「 jQuery3 」 一覧
-
jQuery UI モーダルでダイアログを開くサンプルコード
jQuery UI モーダル(modal)でダイアログを開くサンプルコードです。 ※ jQuery 3.1 / jQuery UI 1.12 [crayon-6 …
-
JavaScript 数字先頭に0を追加する関数のサンプルコード
2017/12/04 -jQuery3
JavaScript, サンプルコード, 関数JavaScript 数字の先頭に0を追加する関数のサンプルコードです。
12345678910111213<script>console.log(digitFormat(1,3)); // 出力ログ:001// 数字の先頭に0を追加してdigitで指定された桁数に変換するfunction digitFormat(num, digit) {var len = String(num).length;if(digit > len) {return (new Array((digit - len) + 1).join(0)) + num;} else {return num;}}</script>
-
JavaScript 日付と時刻チェック(YmdHi)関数のサンプルコード
2017/12/04 -jQuery3
date, JavaScript, サンプルコード, 関数JavaScript 日付と時刻チェック(YmdHi)関数のサンプルコードです。
123456789101112131415161718192021222324252627282930// 日付と時刻チェックのサンプルコード<script>console.log(checkDate(2017,12,04));console.log(checkTime(10,11));// 日付チェック(戻り値: true or false)// ex) Y:2017, m:12, d:04function checkDate(Y, m, d) {var m = parseInt(m, 10);var d = parseInt(d, 10);var check_date = Y+'/'+m+'/'+d;var date = new Date(check_date);if ( check_date == (date.getFullYear()+'/'+(date.getMonth()+1)+'/'+date.getDate()) ) {return true;} else {return false;}}// 時刻チェック(戻り値: true or false)// ex) H:10, i:11function checkTime(H, i) {var H = parseInt(H, 10);var i = parseInt(i, 10);if (0 <= H && H <= 23 && 0 <= i && i <= 59) {return true;} else {return false;}}</script>
-
jQuery3 animateで指定位置まで移動するサンプルコード
jQuery3 animateで指定位置まで移動するサンプルコードです。
123456789101112131415161718<div id="test"></div><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><script>animate_scroll($('#test'));// targetまでanimateにて移動function animate_scroll(target) {if (!target) {return false;}var target_position = target.offset().top; // 移動位置取得var adjustment_num = 20; // 位置調整(targetから上に20px)target_position = ((target_position - adjustment_num) > 0) ? (target_position - adjustment_num) : 0;$('html, body').animate({scrollTop: target_position}, 400, 'linear');}</script>
-
jQuery3 Ajax通信のサンプルコードです。
1234567891011121314151617181920212223// ex) カテゴリ追加$(function(){$.ajax({url: '/add', // リクエスト送信先URLtype: 'POST', // get or postメソッドtimeout: 2000, // タイムアウト時間をミリ秒で設定cache: false, // キャッシュ無効data: {'category_name': category_name}, // サーバーに送信する値dataType: 'json' // サーバーから返されるデータ型}).done(function (response, textStatus, jqXHR) {// サーバー側[php] echo json_encode(['status' => true or false]);if (response.status) {// 追加成功alert('success.');} else {// 追加失敗alert('error.');}}).fail(function (jqXHR, textStatus, errorThrown) {// 通信失敗alert('error.');});});