jQuery UI Time Picker by Francois Gelinas
jQuery UI Timepicker (By François Gélinas) What is this? This is a jQuery UI time picker plugin built to match with other official jQuery UI widgets. Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme. The plugin is very easy to integrate in your form for time (hours / minutes) inputs. Licensed under the same license as jQuery : MIT and GPL
[JS]複数のエレメントをターンテーブルのようにぐるぐる回すスクリプト -Roundabout
デモ：Around Other Things 回転の中心に他のエレメントを置いたデモ。 Roundaboutの使い方 Roundabouの実装方法を簡単に紹介します。 詳しい実装方法については「Learn」をご覧ください。 Roundabout -Learn HTML ぐるぐる回転させる各エレメントをリスト要素で実装します。 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="jquery.js"></script> <script src="jquery.roundabout.js"></script> JavaScript jQueryのセレクタで指定し、Roundaboutを実行します。 <script>
IEでjQueryを利用してxmlをパース
サーバからxmlを受け取るajaxアプリを最近firefoxで確認しながら作っていたのですが、ふとIEで見てみたらxmlのパースがうまく出来ていないことが判明しました。 どうもIEでは、明示的にヘッダーに Content-Typeにtext/xml; charset=utf-8としてあげないとだめみたいです。 なので、google app engineでxmlを返す際には きちんと以下のような感じでヘッダーを指定しないといけないようです。 self.response.headers["Content-Type"] = "text/xml; charset=utf-8" self.response.out.write(template.render(path, template_values)) ちなみにクライアント側のコードは以下のような感じです。 function hogehoge(va
スムーズにスクロールしないjQueryプラグイン「jDTScroll」 - Rewish
ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。 もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。 ダウンロードとデモ jdtscroll.js デモを見る 導入方法 1. jQueryとjDTScrollを読み込む <script src="jquery.js"></script> <script src="jdtscroll.js"></script> 2. 実行する $() で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。 jQuery(function($) { $('a[href^="#"]').jd
lightbox
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
jQuery: Shuffle Plugin – Yelotofu
I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f
jstree
jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading. jsTree functions properly in either box-model (content-box or border-box), can be loaded as an AMD module, and has a built in mobile theme for responsive des
[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation
デモページ：2（テキスト版） 右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。 スクリプトのオプションでは次のものなどが設定できます。 切り替えの自動と手動 パネルの表示時間 フェードの時間 ラベルの画像とテキスト ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。
[JS]画像をさまざまなアニメーションで拡大表示するスクリプト -imgZoom
imgZoom デモ [ad#ad-2] imgZoomの主な特徴 lightbox風のインターフェイス（暗いオーバーレイ、次の画像へのスイッチ） CSS/HTMLベースでのカスタマイズ フェードや回転のアニメーションで画像を拡大 ズームイン、ズームアウトのAPIの提供 jQueryのプラグインとして動作する軽量（7KB）スクリプト imgZoomの実装方法 外部ファイル 下記の3ファイルを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/imgzoom.css" /> <script type="text/javascript" src="sc
『jQueryを使って、外部サイトへのリンクだけ別ウィンドウで開く方法』
以前、静岡の住宅建設会社さんのサイトをYahoo!カテゴリへの登録申請をした際に、外部サイトへのリンクが別ウインドウで 開いていない、という指摘を受けました。 対処方法は、外部サイトへのリンクは別ウインドウで開くようにAタグを書き直せば良いのですが、この静岡の住宅建設会社さんはページが多めなこともあり、今回はjQueryを使って、外部リンクの場合だけ別ウィンドウで開くように設定をしました。 （僕じゃなくてシステムの人がやってくれた。） 以下その方法 1.jQueryのサイトからjquery.jsをダウンロードしてくる。 2.ページのヘッダにjquery.jsを読み込む。 <head> <script type="text/javascript" src="jquery.js"></script> </head> 3.ページソース内(ヘッダとか)に下記スクリプトを書く。 <head> <sc
FormヘルパーとjQuery UIのdatepickterを連動させる
日付選択のプルダウンに対してjQuery Uに含まれるdatepickerを使う方法をメモついでに紹介。 CakePHP 1.2.6 + jQuery 1.3.2 + jQuery UI 1.7.2で確認。 Formヘルパーでは、タイムスタンプ系のフィールドを持つカラムに対してinput()を使ったり、date()やdateTime()といったメソッドでプルダウンによる日付選択を表示させるのはごく一般的だと思いますが、これを発展させてカレンダーから日付を選択することもできるように簡単に機能を追加する方法をご紹介します。 jQueryに含まれるdatepickerは便利な機能でして、オプション次第でいろいろな表示ができます。しかし、このカレンダーはinputに対してしか発動させられません。よって今回のようなプルダウン（selectタグ）には直接結びつけることはできないのです。そこで下記のよう
[JS]jQueryのプラグイン33+1選 -2009年12月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Organic Tabs アニメーションで収縮するタブコンテンツ。 flips パネルを多彩なアニメーションでスライド。 bxSli
JavaScriptライブラリ「jQuery」で、いい動きのスライダーを作る「Start/Stop Slider」
twitter facebook hatena google pocket 画像の切り替えを行うことで閲覧者の興味をひきつけることができます。 現状、多くがFLASHを使用していたりしますが、敷居が高いのが難点でしょう。 今回紹介する「Start/Stop Slider」を使用することで、わりと簡単に導入が可能です。 sponsors 使用方法 Start/Stop Sliderからstartstop-slider.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="startstop-slider.js"></script> 次に表示する画像などを以下のように指定します。 <
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://www.oasob.com/blog/detail/15/
Site Under Maintenance