http://e0166nt.com/blog-entry-694.html
jQuery UI: Radiobutton- und Checkbox-Replacement
$('#toggle-all').click(function(){ $('#example input[type=checkbox]').checkBox('toggle'); return false; }); $('#check-all').click(function(){ $('#example input[type=checkbox]').checkBox('changeCheckStatus', true); return false; }); $('#uncheck-all').click(function(){ $('#example input[type=checkbox]').checkBox('changeCheckStatus', false); return false; });
入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
twitter facebook hatena google pocket inputなどフォームのフィールドにうっすら文字を表示させておくと、ユーザーに入力を促すことが可能です。 JavaScriptライブラリのjQueryプラグイン「JQUERY.FIELDTAG.JS」を使用することで簡単に導入可能です。 sponsors 使用方法 JQUERY.FIELDTAG.JSからjquery.fieldtag.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fieldtag.js"></script> <script type="text/javascript">
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA