はてなブックマーク

複数のチェックボックスが画面上にあり、 ひとつをチェックすると他のチェックボックスもONにしたいときとか。 HTML ①チェックボックス ②チェックボックス JavaScript //チェックボックスの同期 $(document).on("change", "[id^='check']", function() { if ($("#"+ this.id).prop('checked')) { $("[id^='check']").prop("checked", true ); } else { $("[id^='check']").prop("checked", false ); } }); 「attr」でも出来るが、コードが長くなったので、「prop」を使うことにしました。 解説としては、 ・2行目　「チェックボックスのchangeイベント」を拾います。 ・4行目　「changeイベント

テーブルの縦列で同じデータがあった場合、結合(rowspan)するサンプルです。 同じデータは順番に並んでいる必要があり、このサンプルは一番左の縦列のみ結合します。 今回は縦バージョンですが、横バージョンもいずれ。。。 HTMLのサンプル 関東 東京 関東 千葉 関東 神奈川 近畿 大阪 近畿 兵庫 近畿 京都 上記のようなテーブルがあり、一番左の列で同じデータ（関東、近畿）を結合したいとき。 jqueryのサンプル $(document).ready(function(){ $('#testTable').each(function () { var pre_element = null; var col_num = 0; $(this).find('tr').each(function () { var now_th = $(this).find('th').eq( col_num )

FuelPHPでSQLiteに接続できるか試してみました。 googleで検索してもあまり出てこなかった（探し方が悪いだけ・・・）ので、ひょっとして出来ないのかな？とも思いましたが、 そんなことはなく簡単に接続できました。 FuelPHPのバージョンは、現時点で最新の「1.7.1」です。 config/db.phpの設定 return array( 'default' => array( 'connection' => array( 'dsn' => 'sqlite:' . APPPATH . 'SQLiteのファイルパス＋ファイル名', 'persistent' => false, 'compress' => false, ), 'identifier' => '"', 'table_prefix' => '', 'enable_cache' => true, 'profiling' =

画面をスクロールしても、いつも決まった位置（固定位置）にいるボタンをを作ってみます。 jqueryのプラグインを使うとアニメーションをしたり、色々凝ったことができますが、 ここでは簡単にCSSだけで作ってみます。 CSSのサンプル .floating { top:...