jQueryでセレクトボックス（multiple）間のアイテムの移動を行う実装方法をご紹介します。 ※ ソート機能などはありません。 デモ HTML <select name="list1" size="5" multiple="multiple"> <option value="項目1">項目1</option> <option value="項目2">項目2</option> <option value="項目3">項目3</option> <option value="項目4">項目4</option> <option value="項目5">項目5</option> <option value="項目6">項目6</option> <option value="項目7">項目7</option> <option value="項目8">項目8</option> <option va
Jeditable - Edit In Place Plugin For jQuery 様々なインラインエディタ実装に使えるjQueryプラグイン「Jeditable」 Flickrが実装して有名になったあのUIもプラグインで簡単にできるようになりました。 今回紹介するプラグインもその１つなのですが、クリックした位置をドロップダウンにしたり、インラインの一部分だけを編集したり、ダブルクリックをトリガにしたりするといったカスタマイズが豊富なのが特徴のプラグインです よくあるパターン 「Edit me!」をクリックすると。 selectボックスが表示されて選択肢から選ぶ形に。OKを押せばテキストが変更されます テキストまるごとではなくインラインでの編集も可能。 関連エントリ コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collapse」 レスポンシブなjQuer
Apple improves iCloud for Windows, kills iTunes Among the changes to the widely used application are support for physical security keys, dark mode, and an improved user interface. Windows 11 Insider Previews: What’s in the latest build? Get the latest info on new preview builds of Windows 11 as they roll out to Windows Insiders. Now updated for Build 26052 for the Canary and Dev Channels and Build
CakePHPにおいては、｢コントローラ用の共通関数はコンポーネント｣に、 ｢ビュー用の共通関数はヘルパー｣に、それぞれ定義する決まりになっています。 このため、｢コンポーネントに定義されている関数をビューから使用したい｣というケースにどう対応すればよいのかということになりますが、(手法としては色々あると思われますが)、下記のようにPHPの｢__call｣関数と｢call_user_func_array｣を使用することで実現可能です。 // 共通コンポーネントクラス(app/controllers/components/common.php) class CommonComponent extends Object { (いろいろな関数定義) } // 共通ヘルパークラス(app/views/helpers/common.php) require_once APP.'controllers
フォームの作成 フォームの部品 フォームの完結 API for CakePHP 1.3:FormHelper フォームとフォームの部品を出力するためのヘルパー。inputメソッドは様々な部品を出力出来ます。 フォームの作成 echo $this->Form->create ($model=null, $options=array()) フォームの開始タグを出力。引数を全く指定しなければ、現在のコントローラーとアクション名からフォームタグのパラメーターが設定されます。 Usersコントローラのaddアクションのviewファイルでcreate()を使った時 echo $this->Form->create(); 以下のようなフォームでidやactionのパラメータが自動的に設定されます。 <form id="UserAddForm" method="post" action="/users/a
1.2系での話です。(バージョンはBeta 1.2.0.6311) 通常 PostsControllerのhogeメソッドにアクセスする時のURLは http://localhost/posts/hogeとなります。 ここに何かしらのパラメータを渡そうとするとhogeメソッドに <?php funcion hoge($param1 , $param2){ // 処理 } ?> と引数を受け取れるように定義した上で http://localhost/posts/hoge/10/20というURLにアクセスすると、hogeメソッドの引数$param1に10、$param2に20がセットされます。 パラメータの数がいつも変わらなければこの方法で十分なのですが、パラメータの個数が不特定の場合に困ってしまいます。 そんな悩みを解消するのが次の方法です。 名前付きのパラメータとして受け取る方法 先ほどと
CakePHP の Pagination に関してまとめてみました。 コントローラでコンポーネント、ヘルパーに Pagination を指定 // 使用コンポーネント名 var $components = array('Pagination'); // 使用ヘルパー名 var $helpers = array('Pagination'); コントローラの一覧表示するアクションでの一覧表示取得方法 $this->Pagination->modelClass = 'Model'; // 使用するモデル $this->Pagination->sortBy = 'created'; // デフォルトのソートするフィールド名 $this->Pagination->direction = 'DESC'; // デフォルトの昇順、降順を指定 $this->Pagination->show = 10; /
概要 先日CakePHPの1.2.2.8120がリリースされましたが、既存のアプリを最新に置き換えたところPaginatorのソートがうまく動かなくなっていることが判明。早速ググってみるとフォーラムに下記の書き込みが。 "1.2.2.8120のpaginatorでdescにならない" フォーラム – CakePHP Users in Japan 1.2.2.8120のpaginatorでdescにならない 1.2.2.8120には、bakeでコードを出力した場合、paginatorのソート項目をクリックしても desc になりませんでした。 すでにTicketで修正されているそうです。 上記はbakeで焼いた場合のことが書いてありますが、自前で書いている場合でも$paginator->sort(“モデル名.フィールド”);のモデル名が抜けていると同様の問題が発生します。 対策 すでにチケッ
![[CakePHP]1.2.2.8120のpaginatorでdescにならない件](https://cdn-ak-scissors.b.st-hatena.com/image/square/f030b131c35083706d324b18308f4e9a924a9c82/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fhappyquality.com%2Fwp-content%2Fthemes%2Fsimplicity2-child%2Fimages%2Fog-image.jpg)
利用環境はCakePHP1.2RC3です ViewのPaginationヘルパーで、下記のようにすると簡単にソート機能を使うことができます。 <?php echo $paginator->sort('id');?>Paginationでの検索条件の引継ぎなどは、下記の記事を参照下さい。 http://d.hatena.ne.jp/cakephper/20080907/1220796088 今回、このソートの表示を文字列ではなく、画像にしたかったので下記のように対応。 <?php echo $paginator->sort( '<img src="hoge.jpg">', 'id', array('escape' => false));?> 昇順か、降順かによって画像を切り替えたかったため、下記のようにpassedArgsの値を見て表示する画像を変えた <?php if( $this->pa
よくありそうなこんなかんじのログイン画面。 かんたんログインボタンと、ID/PASS入力するフォーム。 かんたんログインはいろいろありますけど、とりあえず今回は触れません。 キャリアのゲートウェイのIP制限はしましょうってかんじ。 標準のAuthコンポーネントと、ktaiライブラリを使ってます。 UIDが設定してあれば「かんたんログイン」できて、してなければID/PASS入力してUID設定することもできるという機能。 今回はトップページで行う設定です。 Cakeのバージョンは1.3 APP/controllers/top_controller.php class TopController extends AppController { var $name = 'Top'; var $uses = 'User'; var $helpers = array('Ktai','Session',
http://www.hatena.ne.jp/1129120181 t = Time.now.localtime yd = Time.local(t.year, 12, 31).yday if yd == 365 and t.mon == 2 then # Uruu ja nai toshi 2-gatsu answer = 4 else t2 = Time.local(t.year, t.mon, 1) if yd == 366 and t.mon == 2 then # Uruu doshi 2-gatsu if t2.wday == 0 then answer = 5 else answer = 4 end else if [4,6,9,11].include?(t.mon) then # Shou no tsuki if t2.wday == 0 or t2.wday == 6
Opera 11.00にてopera.extension.tabs.getFocusedでページ内のiframeと通信してしまう現象に遭遇したので、更新しました。 htbcomment.oex ver 0.2 例えば、とあるページの中にAmazonの広告がiframeで埋め込まれていた場合、タブのfocusイベントでは正常にWebページと通信できていましたが、popupからのpostmessage後のmessageイベント中だとなぜかiframeと通信してしまいます。getFocused()で返ってきたオブジェクトの中身がiframeのものになっている状態です。 popupからbackgroundを介してinjectedと直接通信する作りになっていたので、表示しているページのDOM要素等を正確に取得することができません。 opera.extension.tabs.addEventListe
ケータイサイトでもFacebookにシェアしたい! という方がいらっしゃるのかなーってことで、今回はその実装方法について。まぁ、そんな難しいこっちゃないです。 スマートフォンサイトでも使えるんですが、スマートフォンサイトの場合は普通に「Like Button」も使えますし、やっぱりどっちかっていうとケータイサイト向けのテクニックですね。 実装方法 実装方法はホントに至って簡単です。 <a href="http://m.facebook.com/sharer.php?u=シェアするURL&t=シェアするタイトル">Facebookへシェア</a> と、このコードを挿入するだけ。 ただ、環境によってはURLエンコードをかける必要性がありますので、実装してチェックしつつ調整をしてみてください。 また、最近のフィーチャーフォンは標準的にタブブラウザを搭載していることもありますし、同一画面内
Google+ボタンからシェアコメントができるようになりました。 こんな風にシェアする事が出来るようになります！！！ わお！ 朝メールを見るとこんな内容のメールが着ていました。 For more information, please see our Webmaster blog post here: http://googlewebmastercentral.blogspot.com/2011/08/making-most-of-improvements-to-1-button.html 翻訳すると もっと情報しりたいなら俺らのブログ見ろよ！ ポイント OGPは、チャント設定しようぜ！ Or you can dive right into the details with our technical documentation: http://code.google.com/api
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ グーグルの検索結果で表示されるサイトの説明文、つまりスニペットについて詳しく解説した記事。なんとなく知っているようで知らないことも意外と多い（または勉強したけど忘れた）スニペット。再確認に一読してみては？ — SEO Japan 今回は、グーグルのスニペットを、文書の日付からキーワード・イン・コンテキスト（Keywords in Context / KWIC）、省略記号、スニペット内のアンカーリンクに至るまで、すべて解剖してしまうつもりだ。 しかし、その前に、スニペットと言う用語を定義しておく。グーグルはスニペットをタイトルの後に続き、URLおよびキャッシュされたリンクを先行する「ウェブページの
Google Maps API(v3) で住所から地図にマーカーを置く！ « hampom TODAY
今後また使うかもしれないので、メモメモ。 google Maps API(v3)では APIキーが不要なので、テスト環境でのテストや本番に移行した際にAPIキーを取り直したりといったようなわずらわしさが無いのでお気に入りです(ただのものぐさです…) サンプルを設置しました！ → SAMPLE 早速、まずは javascript の読み込みを設定します！ <script type='text/javascript' src='http://www.google.com/jsapi'></script> <script type='text/javascript'>google.load('jquery', '1.3.2');</script> <script type='text/javascript' src='http://maps.google.com/maps/api/js?sens
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
