セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2
セレクトボックスの検索もタグの補完入力もこれ一つでできる！ BootstrapベースのjQueryプラグインSelect2 「Select2」はセレクトボックスに検索機能を付けたり、タグの補完（サジェスト）入力ができるBootstrapベースのjQueryプラグインです。 投稿日2013年05月14日 更新日2013年05月14日 準備 最初に「bootstrap」と「select2」のcss&jsと「jQuery」を読み込みます。 （bootstrapのcssは必須ではないです。） html <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/select2.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/
Bootstrapでラジオボタンやチェックボックスを横並びで1行にまとめる方法 - Code Log
今回は、Bootstrapでラジオボタンやチェックボックスを横並びにする方法を見ていきます。 まず最初に、普通に縦に並ぶ例を見て、それから横並びにする方法を試してみます。 結論から言うと、「radio-inline」と「checkbox-inline」をクラス名として指定すればOKです。 <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9]> <sc
２つのsubmitボタンを横にまっすぐ並べる方法
まあ、よくある話なんですが、問い合わせフォームみたいなもので以下のようなボタンが２つ並んだソースがデザイナーさんから送られてきたりする訳です。 <div class="controls"> <input type="button" value="戻る" /> <input type="submit" value="送信" /> </div> まあ、これはこれでそのままでもちゃんと横に並んでくれるし、普通はcssでセンタリングしてあったり、多少マージンがとってあったり、ひどいのになると、ボタンとボタンの間に全角スペース入れてそれで間隔を調整してたり(笑)、そんな感じだと思います。 ただ実際プログラムを入れていくと、これでは用をなさないわけで、以下のようなソースにしたいという場合が多々あります。 <div class="controls"> <form action="form.php" me
$form->inputで行われる自動判別のまとめ - Writing Some Code
1.1系ではHtmlHelperにあったinputメソッドが、1.2系ではFormHelperに移っています。 使い方としては <?php echo $form->input('field_name', array('type' => 'textarea' /* テキストエリア指定 */)); ?> などといった感じで、オプション指定の配列にtypeを指定することで、テキストエリアやセレクトボックスなどの種類を指定できるのですが、単純に <?php echo $form->input('field_name'); ?> と、フィールド名の指定をしただけでも、自動的にテキストエリアになったり、セレクトボックスになったりすることがあります。 どんな自動判別をしているのか気になったので、調べて分かったことをまとめてみます。(バージョンはBeta 1.2.0.6311) type指定がない場合の決
CakePHP - Build fast, grow solid | PHPフレームワーク
New CakePHP 5.0 Chiffon. Faster. Simple. Delicious. What's new in version The migration guide has a complete list of what's new in. We recommend you give that page a read when upgrading. A few highlights from 5.0 are: PHP 8.1 required. Improved typehints across the framework. CakePHP now leverages union types to formalize the types of many parameters across the framework. Upgraded to PHPUnit 10.x
CakePHP : 投稿フォームの作成(フォームヘルパーの使い方) - bnote
ビューに次のアクションを追加する(get)でHTMLヘルパーを使ってリンクを 作成しました。 ここでは、フォーラムの投稿に使用するフォームを作成してみます。フォームも同じようにヘルパー を使って作成することができます。 フォームを作成する 投稿フォームのテンプレートは、次のように作成します。 <?php echo $html->formTag('/forums/post'); ?> <?php echo $html->hidden('Discussion/categoryid',array('value' => $categoryid)); ?> <div> <label for="subject">件名：</label> <?php echo $html->input('Discussion/subject',array('size' => 50)); ?> </div> <div> <
Google検索のように『GET送信＋ページング』をCakePHPで実現するには - すたら日記
【CakePHP 1.3系】 最終更新:2011年12月07日 結論以下のようなURLを生成すればよい。 【通常】 1ページ目 http://example.com/posts/search?keyword=hoge 2ページ目以降 http://example.com/posts/search/page:2/keyword:hoge 【検索文字列にスラッシュが含まれる場合】 1ページ目 http://example.com/posts/search?keyword=hoge/fuga/piyo 2ページ目以降(スラッシュを独自にエスケープしている) http://example.com/posts/search/page:2/keyword:hoge~!fuga~!piyo 解説はじめは悩む必要はありません。 【ビュー】 echo $form->create('Post', array(
CakePHP submitした時に確認の小窓を表示させる: 引っ越しました。 http://tomotaka.6.ql.bz/~tomotaka/wordpress/
メモ。 submit時に確認の小窓を表示させる。 よくユーザ登録時の最後に 「入力」ボタンを押すと、 「本当に送信しますか？」 のような、確認の小窓が表示されると思う。 これをcakephpで実装するには、以下のように記述する。 $comment = __('本当に送信してよろしいですか？', true); echo $form->submit(__('送信', true), array('name'=>'complete', 'onClick'=>"return confirm('$comment')")); echo $form->end(); これだけ。 つまりやることは、 通常 $form->submit(); で終わらせてたとこを $form->submit(__('送信', true), array('name'=>'complete', 'onClick'=>"return
2008-06-16
CakePHP ポケットリファレンスを購入した。 http://gihyo.jp/book/2008/978-4-7741-3503-8 開発版なので当たり前なのだが、CakePHP 1.2 は内容がどんどん変わっている様だ。 ポケットリファレンスは、 CakePHP 1.2.0.6311-beta を参照している。 FormHelper::month() を利用するのだが、CakePHP 1.2.0.7125 RC1では、英語表記にするかどうかを "monthNames" オプションで指定できる。 <?php echo $form->month('User.birthday', 'now', array('monthNames' => false)) ?> で、数字表記に変更。・・・もしくは、/cake/libs/view/helper/form.php の <?php // (中略)
CakePHP で複数チェックボックス（その４） - エンジニアきまぐれTips
過去の記事： CakePHP で複数チェックボックス(その２) CakePHP で複数チェックボックス は、CakePHP 1.2 RC2 で確認していたのだが、いつの間にか(RC3?)仕様が変わっていたみたい。CakePHP 1.2.2 で上記の方法を試すと、期待通りの動作をしなくなっていた。 以下のように、Formヘルパーの checkbox 関数を呼ぶとき、オプション部に array('value' => '1') を追加したら、動くようになった。 <?php echo $form->checkbox('User.sex.1', array('value' => '1'))?>男性 <?php echo $form->checkbox('User.sex.2', array('value' => '1'))?>女性 う〜む。バージョンが上がる度に微妙に挙動が変わるから困る。 一方、「
image（イメージボタン）
<input>の属性にtype="image"を指定すると、画像を使用して好きな形状のイメージボタンを作成することができます。役割としては、送信ボタンと同様で、クリックされると、そのフォームで定義されているフォーム要素の名前と値のセットが、<form>タグのaction属性で指定されているプログラム等に送信されます。 type="image"を指定した場合に使用できる属性は以下のようになります。 イメージボタンの属性 属性 name属性 name属性は、<input>要素に名前を付けます。ここで付けられた名前は、送信されたフォームを処理するプログラム等から参照されます。type="image"には、このname属性は必須です。 プログラムから参照されるので、名前の付け方には注意が必要です。当然、日本語はダメで、記号なども使わないでください。また、最初の文字が数字にならないようにし、スペース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap3 Componets Tutorial
CakePHP - Build fast, grow solid | PHPフレームワーク
<form>タグ前後の空白を消す