タグ

javascriptとjQueryに関するrysterのブックマーク (30)

  • jQuery の配列系のメソッドをメモ - てっく煮ブログ

    JavaScriptjQuery は機能が豊富なので、しばらく使わないと忘れてしまう。ここでは、jQuery と配列の関係に絞って目的別に逆引きできるようにしておく。配列から jQuery オブジェクトを作成$ 関数に渡せばOK $([1,2,3]) NodeList のような配列っぽいものを渡しても解釈してくれる。 $(document.getElementsByTagName("div")) // $("div") と同じ ※内部的には setArray メソッドが呼ばれてるが、外から使うことは稀。jQuery を配列のように扱う要素数を取得するlength プロパティを使えばOK。 $("div").length // document.getElementsByTagName("div").length と同じ jQuery のメソッドを使って操作する限りは、適切に length

  • 2009年3月 便利なjQueryプラグイン集:phpspot開発日誌

    10 Best jQuery Plugins - March 2009 | AjaxLine 2009年3月 便利なjQueryプラグイン集。 怒涛の如く、どんどん出てくるjQueryプラグイン。追うのも大変ですが、色々簡単にできるようになるのは開発者としては嬉しいですね。 jQuery Sparklines ミニグラフを描画できるプラグイン Internal Links 内部リンクの場合にアイコンをつけるプラグイン Boxy FaceBookスタイルのオーバーレイダイアログボックス uploadify - a file upload plugin for jQuery 複数アップロードも可能なリアルタイムアップロードプラグイン jQuery Grid plugin 多機能グリッドの実現が出来るプラグイン リンク先のBoxyとうプラグインのサイト、現在は消えているようですが、マルウェア発見

  • 画面にあわせて画像サイズを自動調節できる「maxImage」:phpspot開発日誌

    jQuery maxImage plugin: Demo 画面にあわせて画像サイズを自動調節できる「maxImage」。 jQueryプラグインとして公開されているようです。 ↓↓画像を自動リサイズ↓↓ 背景画像として自由に伸縮させたり、スライドショーをさせることが可能。 使い方によっては非常に有用なライブラリですね。 ダウンロードとインストール方法はこちら - 初期化も非常に簡単 関連エントリ 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」

  • 滑らかにアニメーションして美しいポップアップを作成するチュートリアル:phpspot開発日誌

    Coda Popup Bubbles | jQuery for Designers - Tutorials and screencasts 滑らかにアニメーションして美しいポップアップを作成するチュートリアル。 Downloadにカーソルを合わせると、フェードインしつつ次のようなポップアップが表示されるものを作成していくチュートリアルです。 jQueryとCSSを用いて実装しているようですが、jQueryによって比較的簡単に実装されている様子。 ページのレイアウトを崩さずにヒントを表示できるポップアップですが、こうしたエフェクトがよりヒントを強調できるので覚えておいてよさそうですね。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」 Windows9Xなテーマの同一ウィンドウ内ポップアップ窓作成JavaScriptサンプル「Bride of Wi

  • フォームのユーザビリティに貢献するjQueryプラグイン:phpspot開発日誌

    Top 10 jQuery plugins for Form Usability ・Steve Reynolds フォームのユーザビリティに貢献するjQueryプラグイン。 入力制限やヒント表示といったフォーム入力に関する便利プラグインが色々と紹介されています。 AlphaNumeric アルファベット&数字のみに入力を制限する JTip 入力ヒントボックスの設置 Password Strength Indicator パスワード強度の表示 Ajax Username Checker 使えるユーザ名か、ajaxでチェック Geogoer VChecks チェックボックスをファンシーなデザインにした上で押しやすくする 全部見る ブラウザが対応していなかったりすると、ユーザビリティ以前に使えないということになりかねませんが、そこら辺を検証してうまく使えばよいフォームが作れそうですね。 関連エン

  • これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌

    Tracking Clicks, Building a Clickmap with PHP and jQuery これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成。 デモとソースコードが公開されていて、自分でも設置できるのがありがたいです。 以下、サンプル画像のチョイスも面白いのですが、クリックした位置もなかなかすごいことになってます。 ↓↓クリックマップ化↓↓ 画像のクリック位置解析だけではなく、当然ですがサイトのクリック解析に使えそうですね。 関連エントリ クリック位置のヒートマップを作成できるオープンソースやサービス色々

  • EXCELをHTMLのTABLEに変換するjQueryプラグイン | ユージック

    EXCELHTMLのTABLEに変換するjQueryプラグイン 2008年12月26日 All Aboutで連載もしているJavaScriptで有名な高橋登史朗氏が作ったEXCELHTMLのテーブルに変換するjQueryプラグインjquery.csv2table.jsが便利そうなのでご紹介しようと思います。 想定される使用例 テーブルを使用する更新頻度の高い以下のケースに特に有効だと思う。 料金表 対応表(価格や品番など) スペック表(材質や機能など) CMSなどではテーブルをシステム化するのが難しい CMSなどでサイト構築しているとほとんどのページが動的なモジュールで更新可能なのに対してテーブルというのはプログラムによってなかなかシステム化できないというケースが多いと思います。 クライアントはEXCELを利用してデータをまとめているケースが多い 仕事を通じて感じるのは商品の料金表やス

    EXCELをHTMLのTABLEに変換するjQueryプラグイン | ユージック
  • 時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」:phpspot開発日誌

    jquery.timepickr.jsThis is my humble attempt to enhence web time picking. 時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」。 時刻の入力を次のように、わかり易く簡単にしてくれるライブラリの紹介です。 時計をクリックで1〜12が表示され、カーソルを合わせると、ドロップダウンメニューのように分を選べるというUIです。 なかなか面白いUIですね。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • [JS]フォームの入力を支援するスクリプト -Autotab

    Matthew Millerのエントリーから、ソフトウェアのシリアルナンバー入力時のように、入力に合わせて、自動で次の入力欄に移動するスクリプトを紹介します。 Autotab: jQuery auto-tabbing and filter plugin Autotabは文字数に合わせて入力欄を移動するだけではなく、入力する文字の種類の制限(数字のみ、英語のみなど)や小文字を大文字に変換するなどを指定することもできます。 AutotabはjQueryのプラグインのため、動作にはjquery.jsが必要です。