タグ

jqueryに関するsyttruのブックマーク (6)

  • ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」:phpspot開発日誌

    ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 2010年01月19日- rikrikrik.com - jQuery autosave plug-in ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。 データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。 クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです(ブラウザごとにクッキーに依存した文字数制限などは存在すると思います) こういうことを1からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグ

  • jquery-ui submit確認用のダイアログ | スマートネットワーク 開発ブログ

    JQuery-UIのダイアログボックスがカッコいいです。 ただ、formをsubmitするときの「ホントに登録しますか?」みたいな確認用のダイアログボックスをアレで実現しようとすると色々とややこしい問題が出てきました。 毎度毎度ややこしい問題と対峙しながら実装を繰り返すのは大変なのでJQueryのプラグインにしました。 ダウンロード jquery.confirm.js 使い方 form要素のJQueryオブジェクトでconfirm()関数が使えるようになります。 $("form").confirm();formタグの中にclass="dialog"のdivタグを書いておくと、submit時にそいつがダイアログボックスになって表示されます。 <form method="post"> <input type="text"/> <input type="submit" value="登録する"/

  • 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプル:phpspot開発日誌

    A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg

    syttru
    syttru 2009/04/06
    jqueryでスタイル切り替え。こりゃ便利だ。合わせて読みたい。http://h2ham.seesaa.net/article/108514585.html
  • レイヤーベースのプレースホルダ付き入力欄を作る - Cyokodog :: Diary

    変更履歴 2009/03/26 IE6 不具合対策として、input 要素と同一 font-size をラベルに割り当てる処理を無くし、パラメータでラベルの style を指定できるようにしました。(理由はソースのコメント参照) prototype.js 版 JavaScript でプレースホルダつき入力欄を作る(2) - log.8-p.info jQuery 版 jQueryでプレースホルダつき入力欄を作る - less JavaScriptでプレースホルダつき入力欄を作る(JQuery実装) - syttruの日記 JQueryでプレースホルダつき入力欄その2 - syttruの日記 昨日作ったものはテキストボックスからフォーカスが外れたときにvalue属性に値をセットしていたので、submitした時に表示されている文字列がそのまんま送信されてしまいます。これはいけません。 色々と考

    レイヤーベースのプレースホルダ付き入力欄を作る - Cyokodog :: Diary
    syttru
    syttru 2009/03/11
    すごい!困ってたところが解決されてる。完成したっぽい。
  • less - jQueryでプレースホルダつき入力欄を作る

    JavaScript でプレースホルダつき入力欄を作る - blog.8-p.info jQueryでも簡単に作ってみた。テストは書いたけどちゃんと使ってないので抜けがありそう・・。 $('input[placeholder]').inputPrompt('Search'); 設定は$.inputPromptSetupから。最近は$.ajaxSetupに倣ってfooSetupすることが多い。 HTML5だとplaceholder属性があるみたいですね。 http://gist.github.com/76166 なげー。

    syttru
    syttru 2009/03/10
    昨日作ってたものと同じものを作ってた人がいた。data関数でプレースホルダの文字列と変更の有無を保持してる。なるほどなー。スマート。そしてQUnitなんてものがあるのか。知らなかった。
  • jQueryのコードを良くする5つのTIPS

    jQueryのコードを良くする5つのTIPS 5 Tips for Better jQuery CodeでjQueryのコードを良くする5つのTIPSが紹介されています。 DOM中にデータを保存できるdataメソッドを使おう $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); 「alt」などのHTMLにデータを保存しておくと後で取り出せなくなってしまうことがあるから良くない。 $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with

    jQueryのコードを良くする5つのTIPS
  • 1