Javascript・Ajaxのテクニックとトピックのまとめ

20 Ready to Use Auto Completion Scripts ?|?Dzine Blog JavaScriptを使ったAutoCompleteの仕組み色々がまとまっていたので一部ご紹介。 当サイトでも過去に紹介したものが含まれていますが、こうしたライブラリは実際に使ってみると自分...

AJAX File Browser Demo まるでブラウザ上のエクスプローラーな「AJAX File Browser」。 次のようなファイルブラウザをブラウザ上に埋め込めるウィジェットが公開されています。 さすがにドラッグ＆ドロップのファイル移動は出来ないけど、ツリーやフォルダがある部分は再現さ...

DojoCampus Blog Archive Dojo Zoomer? 選択範囲をドラッグ＆拡大して写真の部分的な拡大ができるJSウィジェット「Dojo Zoomer」 次の図で、左に表示されている画像の選択範囲を指定すると右に拡大されるというもの。 デモ なかなか面白いですね。部分的にここをも...

JavaScriptとAjaxのプログラムは、カテゴリー別 ( DHTML| BOM/DOM| Ajax| jQuery )にご覧いただくことができます。 プログラムのソースコードは、「全コード」と「分割コード」の2種類用意しています。 ソースコードは簡易エディタで書き直してその場で実行させる...

JavaScriptを使えばFlash顔負けのエフェクトを作ることが出来る。ここではその作成方法をお伝えする。しかし、そもそも、FlashではなくJavaScriptを使ってまでこれを作る必要があるのだろうか……？作ってはみたものの筆者にもわかりかねる。Flashを利用すると、ウェブサイトの見た目...

『 大量のJavaScriptライブラリが紹介されている。 JQuery、Mootools、Prototypeのがいっぱい 』

JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。

JavaScript とクロージャJavaScript プログラミングはなかなかおもしろいよ、と知人に言ってみたところ、全然信用されずに怪訝な顔をされる、という目に遭いました。クロージャが使えて DOM ツリーにイベントハンドラを簡単に追加できるよ、と続けると多少は興味を持ってもらえるようなので、...

「JavaScript/DHTMLを使いたいけど勉強するのは面倒」という人のために、そのままコピー＆ペーストして使える自作JavaScript/DHTMLの数々をご紹介します。今までＣＧＩを使わなければできないと思っていたようなこともJavaScriptやDHTMLを使うと簡単にできるようになりま...

好評の、読み込ませるだけシリーズ の8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。 フォームにフォーカスが当たると、入力した文字数と入力可能な文字...

テーブルのユーザビリティを上げたい。 そんなあなたにおすすめなのが、『Tablecloth』。マウスオーバでテーブルのセルをアクティブ状態にするjavascriptだ。 シンプルなコードを2行追加するだけで、ユーザを魅了するテーブルを作ることができる。 ↑の画像のように、マウスオーバでセルの行と列...

以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので...

最近よく見かけるSmooth Scroll で画面上に戻る、JavaScript実装方法を紹介する。戻るリンクの部分は、画像ボタンでもテキストリンクでもどちらにも対応する方法なので、サイトのデザインにあわせて別途ご用意いただきたい。...