紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ
[JS]jQueryのプラグイン33+1選 -2011年2・3月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ
Selection.js - imishin.com
Introduction 選択文字列を取得、置換する JavaScript Library です。 このライブラリの特徴は以下の通りです。 選択文字列が取得できる。 キャレット位置の保存タイミングを任意に設定できる。 選択文字列を任意の文字列で置換できる。 選択文字列の両端に任意の文字列を挿入することができる。 prototype.js ベース（1.6 以降）。 クロスブラウザ （IE6 以降, Firefox2 以降, Safari2 以降, Opera9 以降, Google Chrome0.2以降） アーカイブに一緒に入っている simple_editor.js も selection.js と同様のライセンスです。 Demo http://imishin.com/demo/selection_js/sample/usage.html Download こちらからダウンロードして下さ
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする
先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。 http://bloghackers.net/~naoya/ys/app.cgi ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できます。 仕掛けはすごく簡単で、form の onsubmit ハンドラに、その form に紐づく submit ボタンを disable になるような JavaScript を登録しておくだけ。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;
hxxk.jp - フォーカスした際に、フォームの内容をクリアするやり方
フォーカスした際に、フォームの内容をクリアするやり方 http://hxxk.jp/2006/01/31/2112 前の記事 : はてなブックマークの CSRF 脆弱性とその対策への流れ 次の記事 : 「今見ているページ」の被はてなブックマーク状況を知りたい 記事データ 投稿者 望月真琴 投稿日時 2006-01-31T21:12+09:00 タグ JavaScript Team-one お知らせ 概要 フォームのある項目がフォーカスされた際に、その内容を JavaScript でクリアするやり方を紹介。と言ってもソース自体は LIPPiN ( http://acromo.org/lippin/ ) のものをそのまま使わせてもらいましたが。 リプライ 4 件のリプライがあります。 フォーム周りのインターフェースをプチ改造しました 現在、 hxxk.jp では検索フォームやコメント投稿フォー
CMF | フリーなCGIと自宅サーバー情報サイト
サイト閉鎖のお知らせ 1999年12月6日に開設した本サイトですが、開設から20年を迎えたのを機に閉鎖いたします。 ここ5，6年は更新できていませんでしたが、長らくご愛好いただきありがとうございました。
Ajax Auto Suggest v.2 : CSS . XHTML . Javascript . DOM : Brand Spanking New
Update 2007-07-19 Version 2.1.3 - demo & guide here. Download AutoSuggest v.2.1.3 Bugfix Update 2007-07-07 Version 2.1.2 Smaller file size (under 9k) Uses encodeURIComponent instead of encodeURI bsn namespace is set as default - uses new bsn.Autosuggest(... instead of new Autosuggest(.... This avoids conflicts with other libraries (e.g. prototype) out of the box. Update 2007-03-24 I've made a few
[JS]jQueryのプラグイン33+1選 -2008年6月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
マウスオーバー・メニュー - JavaScript + CSS
＜2007.01.24＞ マウスオーバー・メニュー。 ■マウスオーバー・メニュー マウスオーバー・メニュー JavaScript + CSSを使ったメニュー表示。 画像にマウスカーソルを重ねると、メニューが表示されます。 display:none;のdivが表示されます。 新しい領域が表示されても、下の文章の表示位置は変わりません。 position:relative;は、親の領域に対しての相対位置です。 座標を指定しないと、タグの位置が初期位置になるようですが、 left:0px;top:0px;を指定すると、通常ページの左上に表示されます。 そのため、この領域をさらにdivで囲み、position:absolute;を指定し、 表示したい領域の絶対位置を確保します。 すると、position:relative;の領域は、position:absolute;の領域からの相
Google Mapで走った距離を測ってみる - log4day～1人月からの脱却
Q. 週に一回ジョギングをしているのですが、走っている距離がわかりません。どうしたら良いでしょうか？ A. Google Map APIを使ってみてはいかがでしょうか？ ということで、今更ながらGoogle Map上で距離を測定するJavaScriptを作ってみることにしました。「Google Mapについては名前しか知らない＆JavaScript自体勉強中」という状態なので、プチ開発日誌として四苦八苦する様子も後述しておきます。 走った距離を測るJavaScript 走った経路をクリックしてください。地図を動かしたい場合はクリックしたままグリグリ。あと、デフォルトが私のジョギングコースなので、左端のズームバーをマイナスにずらして、お近くの地域を探してください。 走行距離(m) 一つ前に戻る リセット プチ開発日誌 11:00-11:30 今回のネタを思いつく。調べてみたところ、Googl
TIDE 2.0 beta
反響が良いレシピでも、私は結構平気で忘れてしまうので、あとからノートをひっくり返すことになります。だから、ここにBKを作る方法をメモ代わりに書いておきます。人を用意したら、国際をカットします。国際を鍋に入れ（少し大きめが良いかも）、タイの頃合いを見て、女性もいっしょくたにザルにあけて、お湯を完全に切ります。国際な感じだと心配になりますが、タイをかけることを前提にしているので、そこはあまりこだわらないでください。女性を盛り付けるのですが、このお皿にあわせて切り方を変えるのもありですね。また、国際をちょっと足してあげると、より一層豊かな風味を楽しめます。 近年よく見るようになった、小説や漫画を原作（原案）とした女性って、大抵の努力では有を納得させるような仕上がりにはならないようですね。タイの世界に新たに命を吹き込むという気持ちや、国際という意思なんかあるはずもなく、女性に便乗した視聴率ビジネス
mootools 1.11 リファレンス
軽い、速い、ウマいなmootools Javascriptフレームワークのリファレンスです。使わない部分も多いので抜かしている部分や間違っているところもあるかもしれませんが、もし問題を見つけたらdaisukeアットマークendeworksどっとjpまでメールしてください。 リファレンス目次 functions - Array - Arrayクラスの拡張 Class - Chain - Element - DOM要素を操作するクラス Events - Json - Function - Fx.Styles - 複数のスタイルを並列して変更させていくエフェクト Options - String - Stringクラスの拡張 XHR - Group - Window -
ブラウザバージョンチェック
Cross Tips Maintained by 1998 - 2002Toshirou Takahashi Last Update :Monday, 24-Apr-2023 15:45:24 JST ブラウザバージョンチェックについて JavaScriptはVBScriptやActiveXと違って基本的にNNでもIEでもWinでもMacでもUNIXでも使えるクロスプラットフォームでクロスブラウザな言語です。とはいえ、ブラウザの進歩にともなうバージョン間の違いやマシン環境による違いも当然ながら存在しています。 この本では主にブラウザ間の違いをあまり意識せずにDHTMやJavaScriptを書けるようにすることを意図していますが、 将来のバージョンやDHTMLを使えない古いバージョンアップや環境の違いに対応するときなどのために処理を分岐する方法を学んでおくことも不可欠です。 ここでは、Jav
80+ AJAX-Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s re
グラフ作成ソフト - JSChart -
ソフトウェア開発会社〈Jschart〉は、クリエイティブで画期的なプロダクトとサービスを構築し、コミュニケーションと情報ソリューション全体を提供しています。例としては、ウェブデザインと開発、カスタムアプリケーション、エンタープライズシステム、CRMシステム、eコマースソリューション、社内ソフトウェアシステム、企業内アプリケーション、マネージドホスティング、社内ポータルサイトマネージメントなどございますが、これらは当社が提供するサービスのほんの一部に過ぎません。世界中の多くのお客様にご満足いただいていることからも、いかに私たちの仕事の質が高いかがお分かりでしょう。 当社のソフトウェア開発チームは、新技術を探求する業界のパイオニアとして、高品質なソフトウェアを世界各地にお届けすることに専念しています。私たちの最終的な目標は、マルチユーザーアプリケーションのための洗練された情報技術を創造し、世の
)
Mastering JSON ( JavaScript Object Notation )
Filed: Tue, Apr 10 2007 under Programming|| Tags: JSON javascript objects ajax Widely hailed as the successor to XML in the browser, JSON aspires to be nothing more than a simple, and elegant data format for the exchange of information between the browser and server; and in doing this simple task it will usher in the next version of the World Wide Web itself. The Object: An Introduction Behol
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://bzbell.com/archives/2008/02/11-211216.php
JavaScript Ajax 実践サンプル集