This domain is expired. If you are the owner and you want to renew it please contact your registrar
Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework We’ve updated our popular Date Range Picker plugin to use jQuery UI 1.7 and the new jQuery UI CSS Framework. This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges. It is an update from a previous version we wrote for jQuery UI 1.5.3. Working Demo: # Demo Page The demo
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
This shop will be powered by Are you the store owner? Log in here
そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。 ajaxによるデータ読み込み マウスホイールやキーボードによる操作 カラムやテーブルのリサイズ機能 並び替え、フィルタ機能付き ツールチップ機能付き コンテンツにHTMLを入れることも可能 CSSによるテーマデザインが可能 以下のエントリを参照してください。 Zentense: Zentable 関連エントリ スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 わずか2.5KBでテーブルにソート機能を提供する「TinyTable」 テーブルの列でソートするJavaScriptライブラリ
CSS風記述で絞り込む jQueryはCSS3のセレクタが使えるそうなので最初の子要素はこんな感じで取得できます。 idがhogeの要素内の最初のdiv要素を取得してみます $('#hoge div:first-child'); ちょっと直感的にわかりにくいんですけど ある要素（id="hoge"）内のいくつかあるdiv要素の最初の要素って指定の仕方になります ポイントはdiv要素の擬似クラスとしてfirst-childを指定するということ 感覚的に $('#hoge:first-child'); こう書きたくなりますが・・・これではhoge集合全体の中の最初ということでhoge自身と変わらないのでだめです 既存のソースに寄生するように書く場合は $(document.getElementById('hoge').childNodes[0]); こんな感じです。 $関数は既存の
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
SpritelyはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhone + Webの最大の問題点と挙げられるのがFlashを使えないために効果的なアニメーションが利用できないということだ。GIFアニメーションを使う手もあるが、クリックやインタラクティブな動作ができないのはいただけない。 iPhone 3GSなら意外とスムーズ HTML5で解決できる部分も幾つかあるが、手軽に使えるとは言い難い。アニメーションに特化したライブラリが欲しい。そうすればiPhone + Webでの可能性がもっと広がるはずだ。そしてそれを可能にするのがSpritelyだ。 SpritelyはjQueryを使ったアニメーションライブラリで、名前の通りスプライトイメージを使ってアニメーションを行う。つまり1コマ1コマに相当する画像をくっつけて保存し、それを切り替えて表示することでア
jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『26 cool and useful jQuery tips, tricks & solutions』。かっこいいjQueryのTips&トリック集です。 いろいろと便利そうなのが揃っていますね。以下のようなソースがたくさん紹介されています。 カラムの高さを揃える スムーズな動きの「ページトップへ戻る」リンク 要素を置き換える タイマーファンクション 天地左右中央に配置 見出しとソースコードがずらっと並んでいて、見やすくなっていますね。 一度見てみてはいかがでしょうか？ 26 cool and useful jQuery tips, tricks & solutions 先週末に行ったカフェ。まったりしたいときによく行くんですが、快適な時間を過ごせました。 さてと金曜日は斉藤和義の武道館ライブ！！楽しみすぎ
twitter facebook hatena google pocket 一番目立つメニューを印象的にすることで、サイト内の回遊性向上が期待されるかもしれません。 jQuery Sliding Menu (AKA Lavalamp)を利用するとマウスオーバーを効果的にすることが可能です。 sponsors 使用方法 jQuery Sliding Menu (AKA Lavalamp Menu)からファイル一式をダウンロードします。 また、jQueryをjQuery: The Write Less, Do More, JavaScript Libraryからダウンロードします。 ※1.4が必要となるようです。 <link rel="stylesheet" href="jquery.sliding-menu.css" type="text/css" media="screen" /> <sc
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 <head> <!-- jQuery --> <script type="text/javascrip
こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲
Flexigridというのがあるみたい。 http://www.flexigrid.info/ 検索すると結構でてくるね。 http://journal.mycom.co.jp/articles/2008/06/25/flexigrid/index.html 使い方は超簡単。詳細は上のサイトを参照してもらうとして、通常のHTMLのみでかかれたテーブルにidをつけて以下のようにflexigridを適用するだけ。 $('#id_table').flexigrid(); すると、デコラティブなテーブルに早変わり。 テーブル内のデータをサーバからリクエストして反映させることもできる。↓ http://journal.mycom.co.jp/articles/2008/06/25/flexigrid/002.html ここではJSONを使ってテーブルに表示するデータを取得している。JSONは以下のよ
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説Ajax Username Check - Using Jquery! 入力したユーザー名が存在するかチェック（PHP+jQuery） Ajax Username Check - Using JQuery! jQueryとPHPを使用し、入力したユーザー名が存在するかを確認するjQueryプラグイン。 ユーザー名入力フォームにユーザー名を入力し、フォーカスが外れた時に、入力したユーザー名がないかPHP（check.php）で調べ、ユーザー名が存在するかの有無をjqueryを使用して動的に表示します。 data.csv"username","first_name","last_name","password" "john","John","Doe","12345
jQueryとprototype.js を同時に使いたい場面がまれにあります。 そのとき $('id_name'); といった書式を jQuery, prototype.js 共に持っているのですが、その動作（書式や戻り値）が違います。 例えば戻り値の場合、 prototype.js：DOMオブジェクトを返す jQuery：jQueryオブジェクトを返す という違いがあります。 そこで jQueryとprototype.jsを同時に使いたい場合は jQueryの $(); を違う名前に変更して使います。 <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <script> // 下記2行を追加 jQuery.noConflict(); var j$ = jQuery; <
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
