>テキストボックスクリックするとテキストボックスにかわるラベルを実装Flickrなどでは、写真の編集画面でキャプションをラベルとして表示しておきクリックするとテキストボックスやテキストエリアに変換してくれて編集させるようなインターフェイスを実装しています。そこで実装してみました。'');});</script>いたって単純です。初期状態は、labelとして表示している要素(div802)を表示、テキストボックス(div802-edit)を非表示にしておく。その際に、div802内の値を渡す(val($('#div802').text()))div802-editがblur(フォーカスがはずれた状態)になったらその逆を行う。inputをtextareaへ変更すれば、テキストエリアでも使用できます。Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。「CKEditor」は、Wysiwygエディタを実装できるプラグインです。「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。エフェクトには、fade/slide/typingの3つが可能です。「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。カスタマイズ以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。Bootstrap3対応版に書き換えをしました。「FitText」は親要素の大きさに合わせてテキストをリサイズしくれるjQueryプラグインです。Popoversスワイプ対応の画像スライダー・ギャラリー用プラグイン画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からスワイプ操作で画像をスライドできるものをいくつか集めてみました。UI的にはどうかと思うけど、実際には使えるタイミングはけっこうあるかもしれないなぁ。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。