jQueryUI(15)

15follower
harada さんのアバター 118views

「X-editable」を利用してその場で編集するUI(Edit In Place)を導入する

X-editableプラグインを利用することで、その場で編集するUI(Edit In Place)を簡単に導入することができます。 ダウンロードとデモはこちらから。 X-editableプラグインはBootstrapとjQuery UI、... 2016年7月5日
harada さんのアバター 175views

jQuery UI Datepickerで表示する年数を指定する

jQuery UI Datepickerでカレンダーで年のセレクトボックスを付ける場合、デフォルトだと前後10年ほどしか表示されないようになっているようです。 生年月日を入力してもらうときなどは未来の年数は不要で、過去は結構な長さの年数が... 2016年4月5日
goto_jp さんのアバター 201views

jQueryUI:sortableを使う

See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul class="sor... 2015年3月4日
harada さんのアバター 418views

WordPressで最新のjQueryとjQuery UIを読み込む

/1/ とすることで最新のバージョンを指定できるそうです。 <?php wp_deregister_script( 'jquery' ); wp_deregister_script( 'jquery-ui-core' ); wp_... 2014年9月2日
harada さんのアバター 933views

WordPressのフロントエンド投稿フォームに投稿タグのサジェスト機能を付ける

これまでに投稿したタグを全ては覚えていられないので、タグのサジェスト機能があればいいなとずっと思っていたのですが、やっと実装できました。 jQueryプラグインでも様々なサジェスト機能がありますが、今回欲しかったのは下記の要件を満たすプラ... 2014年7月31日
goto_jp さんのアバター 804views

jQueryUI:「input type=number」を擬似的に作る

サンプルはこちら。 See the Pen Eurik by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 数値入力欄の右の上下ボタンより一定の数値を増減させられます。 HTML5からの「... 2014年6月9日
goto_jp さんのアバター 880views

jQueryUI:階層メニューUIをつくる

サンプルはこちら See the Pen xdJEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. リストから階層メニューを簡単に作れます。 JavaScript $(functi... 2014年6月6日
goto_jp さんのアバター 995views

jQueryUI:ラジオボタンをボタンセットにする

サンプルはこちら See the Pen lBpku by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="group"> ... 2014年6月6日
goto_jp さんのアバター 632views

jQueryUI:ツールチップを表示させる

サンプルはこちら。 See the Pen vuaif by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. カーソルを置いた際にツールチップを表示させます。注釈や説明の表示に役立ちます。 ... 2014年6月5日
goto_jp さんのアバター 782views

jQueryUI:入力欄にオートコンプリート(入力補助)機能をつける

サンプルはこちら。 See the Pen fkoxL by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. a~bで始まるいくつかの単語を候補に入れています。jQueryUIでこのようなオー... 2014年6月5日
goto_jp さんのアバター 534views

jQueryUI:アコーディオンUIの生成

サンプルはこちら。 See the Pen fGysD by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryUIでアコーディオンUIを簡単に作ることができます。jQueryUIの... 2014年6月4日
goto_jp さんのアバター 879views

jQueryUI:ダイアログの生成

サンプルはこちら See the Pen tHfer by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryUIで簡単にダイアログ表示を行うことができます。 HTML <... 2014年6月4日
goto_jp さんのアバター 739views

jQueryUI:ドラッグ&ドロップの制御

サンプルはこちら。 前回はドラッグする方法を紹介しましたが、それだけでは意味がありません。ドラッグした後にドロップする時の挙動も含めて一つのUIになります。 JavaScript $(function() { $('.t... 2014年6月3日
goto_jp さんのアバター 285views

jQueryUI:要素をドラッグ可能にする

サンプルはこちら。 See the Pen LhAEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryのプラグイン「jQueryUI」のドラッグコンポーネントを利用していま... 2014年6月3日
harada さんのアバター 3,041views

メールアドレス入力フォームにドメインのサジェスト機能をつける(2)

jQuery UIを利用して、@マーク以降のドメインをサジェストする方法です。 <form> <input class="domain-autocomplete" id="demo" type="text" name="... 2014年2月24日