jQuery

ざっくりとSelect2

2015年6月13日 Leave a comment

使う機会は多いけど、少々物足りないHTMLのSelectタグことセレクトボックス。項目数が多くなると、下に下にたどるめんどくささや、複数選択のUIのわかりにくさ等。そんなSelectタグを簡単に使いやすく高機能にして… more →

TinyMCE jQuery (4.1.x) を、ざっくりと導入

2014年11月9日 Leave a comment

ざっくりとTinyMCEを導入する方法を記述する。まずは、ココでTinyMCE4.1.6 jQuery packageをダウンロード。落とした物を解凍し、任意のサイトのjsフォルダに、解凍したjsフォル… more →

jQuery UI の Datepicker (カレンダーから日付入力)

2014年1月8日 Leave a comment

jQuery UI のDatepickerで入力フォームでお手軽にカレンダーから入力できる。コードはこんな感じ

<!-- jQuery UI テーマをCDNから読み込み  -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/flick/jquery-ui.css">

<!-- jQuery, jQuery UI, jQuery UI Datepicker の 日本語化プラグイン をCDNから読み込み  -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>

<script type="text/javascript">
$(function(){
var t_date = $("#datepiek_test").val();
$("#datepick_test").datepicker();
$("#datepick_test").datepicker("option", "showOn", 'both');
$("#datepick_test").datepicker("option", "dateFormat", 'yy/mm/dd'); 
$("#datepick_test").val(t_date); }); 
</script>

<input id="datepick_test" type="text" />

$(function(){

var t_date = $("#datepiek_test").val();

$("#datepick_test").datepicker();

$("#datepick_test").datepicker("option", "showOn", 'both');

$("#datepick_test").datepicker("option", "dateFormat", 'yy/mm/dd');

$("#datepick_test").val(t_date); });

</script>

jQueryやjQuery… more →

WordPressでjQuery

2013年11月19日 Leave a comment

WordPressでjQueryを使った事を書こうとかと思ったんだけど、そもそも自分のWordPressではjQueryが動かなかった。他のprototype.jsなどと一緒に使われて問題が起きないように、 $ を使… more →

GoogleからjQueryを読む

2013年10月8日 Leave a comment

Google Loader で GoogleのホスティングしているjQueryやjQueryUIを読む方法。よく使うのでメモ。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.7.2");
</script>

google.load("jquery", "1.4.2");

google.load("jqueryui", "1.7.2");

</script>

ちなみにバージョンを1.… more →