Symfony2のフォーム（Form）の使い方 - nazolabo
Symfony2のフォームは、かなり使いやすくなっています。 1はModelとの依存が激しくて、凝ったことをしようとすると意味不明になりましたが、2は完全に切り離されており、かつ依存させることも可能になっています。 パッと使う action側 $this->createFormBuilder() ->add('hoge', 'text') ->add('fuga', 'date') ->getForm(); if ($request->getMethod() == 'POST') { $form->bindRequest($request); if ($form->isValid()) { // ここに保存処理とかを書く } } return $this->render('HogeBundle:Fuga:index.html.twig', array('form' => $form->cr
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
フォームの小技－JavaScript入門
HOME JavaScript入門 フォームの小技 フォーム編の最後としてちょっとした小技を幾つか紹介します。 フォーカスを移動したり、テキストを選択状態にしてみます。 フォーカスを操作する 最初にフォーカスを合わせたり外したりしてみます。 これは、最初に入力してもらいたい枠にフォーカスを合わせておく場合などに使用します。 <form name="fcset"> <input type="text" value="text1"> <input type="button" value="合わせる" onclick="fc(0)"> <input type="button" value="外す" onclick="bl(0)"><br> <input type="text" value="text2"> <input type="button" value="合わせる" onclick="fc
onBlur/JavaScriptリファレンス
JavaScript Reference onBlur 関連オブジェクト : - タイプ : イベントハンドラ 書式 <input type="text" name="A" onBlur="関数名"> 入力フォームでフォーカス (選択状態) されていた場合に、そのフォーカス が外れ、他に移動したりした場合に発生するイベントハンドラ。 イベント属性の値に関数を指定して、イベントが発生したときに実行されるようにします。 Top / Home / Index / Next
指定したフォーム／フィールドへの入力を禁止する
サンプルコード [実行] <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="main.css" type="text/css" media="all"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"><!-- function disElement() { $("comment").disable(); } function disForm() { $("eForm").disable(); } // --></script> </head> <
symfonyのFormで確認画面を実装する方法
Member: actAs: { Timestampable: ~ } tableName: member columns: name: { type: string(255) } email: { type: string(255), notnull: true } login_id: { type: string(255) } password: { type: string(255) } 登録フォームのオブジェクトを最低限で編集します。 ※ここでは最低限の処理のみの実装です lib/form/doctrine/MemberForm.class.php <?php /** * Member form. */ class MemberForm extends BaseMemberForm { public function configure
CSRFProtectionを有効にしていると、CSRF attack detectedになり続ける問題 - yuya_prestoの古い日記（はてなダイアリーから移行）
Symfonyのformで、悪名高き（？）_csrf_tokenを有効にしていると、ブラウザの「戻る」ボタンを押した途端に悪夢が始まってしまうようだ。 どういう事かというと、_csrf_tokenがinvalidだろうがnullだろうが、送られてきた値をそのまま返すようなのだ。ということは、一度でもinvalidなtokenを送ってしまうと、もう無限loopに捕まってしまうというわけだ。 問題は、token自体は毎回生成はされているのに、$this->form->bind()が実行されると、出力する際に受け取った値しか出力しないということ。そこで、受け取った値に関わらず、_csrf_tokenを更新するパッチを書いてみた。が、何か問題があると指摘されそう。例えば、無駄にtokenを生成しすぎだとか、実はワンタイムトークンではないとか、2回submitを実行すれば（1回目で_csrf_tok
複数のチェックボックスを同時にチェックする 全選択チェックボックス - [サンプルコード /JavaScript] ぺんたん info
全選択 チェックされるチェックボックスのname属性がそれぞれ違う場合 <form name="form" method="GET"> <input type="checkbox" name="aaa" onClick="AllChecked();" /> 全選択 <input type="checkbox" name="bbb1" /> <input type="checkbox" name="bbb2" /> <input type="checkbox" name="bbb3" /> </form> <script language="JavaScript" type="text/javascript"> <!-- function AllChecked(){ var check = document.form.aaa.checked; document.form.elements['
prototype.js のフォームシリアライズ（Form.serialize）をテストする｜プログラムメモ
prototype.js の便利な機能に Form.serialize('フォームのid名前'); というのがありますが、これをテストしてみます。（↓添付ファイルをダウンロード後、prototype.jsを読み込ませて実行のこと） 実行してみてわかることは <textarea name="text" rows="3" id="text_id">bbb bbb bbb ＜/textarea＞ のところは text=bbb%0Abbb%0Abbb%0A という値が帰ってくるということ。調べたとろ htmlファイルの改行コードが「 LF 」「 CR+LF 」「 CR 」いずれの場合も %0A になる。 id ではなく name の値でシリアライズされる。 という事みたいです。 別ウィンドウのフォームをシリアライズするには。。。 別ウィンドウの DOM document インターフェイスは var
入力フォームナビキャスト フォームアシスト｜EFO、入力フォーム改善
※出典：ITR「ITR Market View：メール／Web／SNSマーケティング市場2024」入力フォーム最適化市場規模推移および予測（2014年～2023年度予測・売上金額） フォームアシストとは？ フォームアシストは国内初のEFO（入力フォーム最適化）サービスです。 入力フォームのUI・UXを改善する事で入力フォームからの離脱防止やCV率改善を実現します。 また、弊社で課題抽出から施策実行まで行うためスピーディーなCV率改善を見込めます。 10年以上の経験と知識を基にトータルサポートいたしますので、入力フォームは弊社にお任せください！ 特許第4460620号「入力フォーム支援サービス【ナビキャスト】の特許」取得済
EFOツール導入でコンバージョンが劇的に改善する理由【Gyro-n EFO】
EFO対策・EFOツール導入ならGyro-n EFOを導入するだけで、コンバージョン率が飛躍的に改善！ 導入の手間いらず。国内6000フォームを改善した 専門家集団の導入サポートでサイトの売上アップに貢献。 最新事例！ コンバージョン率が「2.4倍」に向上！
これで完璧！EFO(エントリーフォーム最適化)でチェックしたい30個のポイント | Web担当者Forum
WEBサイトからのお問い合わせを増やしたい！と思ったときに、サイトへの訪問者数を増加させるだけではなく、すでにサイトに来てくれているユーザをいかにお問い合わせまで導くのかも重要です。 しかし、EFO(エントリーフォーム最適化)がBtoCほど浸透していない、BtoBサイトでは離脱率が90%を超えるサイトも珍しくありません。 まずは自社サイトのお問い合わせフォームの離脱率を把握することが大切ですが、離脱率が高いことがわかっても「なにを改善すべきかわからない」「項目を減らしてみたが、それ以外の改善策がわからない」といった方が多いのではないでしょうか。 今回は過去500社以上のサイトを制作・運営する中で検証してきたEFOのノウハウを一挙にすべてご紹介します。 自社のお問い合わせフォームを改善する際のチェックリストとして是非お使いください！ ■目次入力支援エラー対応セキュリティおもてなし最後に■入力
autoKana.js を使ってみた。 - 夜の Discovery
名前から自動的にカナ名を取得してくれる javascript ライブラリ autoKana.js を使ってみた。 autoRuby.jsをDISってみる http://d.hatena.ne.jp/rubricks/20080702/1215003705 サンプルではうまく動作するのに、ローカル（IE6）では挙動がおかしくて（変換確定時に _eventKeyPress が呼ばれない）、 よくよく見るとサンプルは prototype.js 1.5 を使っていることに気づきました。 autoKana.js は prototype.js を 1.5 → 1.6 に置き換えると IE でのみ正しく動かない。 この不可解な現象を説明します。 まずは autoKana.js の _eventKeyPress イベント登録部分。（67行目） Event.observe(this.elName, 'key
WordPressでカテゴリー&タグを絞り込み検索をする
Posted: 2011.06.17 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressのブログ内検索はテキストフィールドに入力したテキストが検索されますが、ドロップダウンリストでカテゴリーやタグを選択して絞り込み検索ができる機能を追加してみます。 テキスト検索 まずは、普通のテキストのみの検索です。 wp template <div id="search"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> これで「search.php」を作成して適当にループさせるだけで該当し
inputボタン（送信ボタン）を画像にするCSS｜web bibo
inputボタンに type="image" を使って送信ボタンを作成することがあると思いますが、こうするとそのボタンのx,y座標がGET値で送信されます。GET値で送りたいけど、x,y座標は表示したくない場合はスタイルシートを使ってinputボタンの背景に画像を指定します。 type="image"だとURLの後に座標の値がくっつく。 <form> <input type="image" alt="Sample" width="100" height="30" src="http://www.webbibo.com/assets/images/tips/image_btn.png" /> </form> このボタンを押してみてください。アドレス欄のURLが座標の値がついたURLになります。 CSSで解決 <form> <input type="submit" value="" id="i
プレースホルダとHTML5のplaceholder属性
プレースホルダとHTML5のplaceholder属性 HTML5で導入されたplaceholder属性によって、フォームの入力欄にプレースホルダを設定できるようになりました。さて、この「プレースホルダ」とはそもそもなんなのでしょうか。また、プレースホルダにはどのようなテキストを書けばよいのでしょうか。 プレースホルダってなに? フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。 Safariではアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 「プレースホルダ (“placeholder”)」 とは、「実際のものに代わって現れるもの」を意味します。たとえば、Webサイトのテンプレートを作る際に、実際のページにはないテキス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yaplog!（ヤプログ！）byGMO
第10章 - フォーム
コンピューター手順 symfony form
Form.Element.Observer - フォームの入力要素の値を監視する - prototype.jsリファレンス