ul 要素と li 要素で構成されたナビゲーションの折りたたみを実現するための javascript です。 HTML タグ 以下のような HTML タグが組まれている場合に、折りたたみを実現することを考えます。「大項目」をクリックすれば「中項目」が現れ、現れた「中項目」をクリックすれば「小項目」のリストが表示される、とします。 <ul> <li><a href="#">大項目</a> <ul> <li><a href="#">中項目</a> <ul> <li><a href="#">小項目1</a></li> <li><a href="#">小項目2</a></li> <li><a href="#">小項目3</a></li> <li><a href="#">小項目4</a></li> <li><a href="#">小項目5</a></li> </ul> <

米Yahoo!は20日(現地時間)、JavaScriptライブラリ「YUI」(The Yahoo! User Interface Library) の新しいバージョン「YUI 2.5.0」をリリースした。 YUIは、DHTMLやAjaxなどを用いたリッチクライアントWebアプリケーションを構築する際に利用可能なJavaScriptライブラリ。ボタンやカレンダー、ツリービューといったウィジェットに加えて、アニメーションやドラッグアンドドロップ、JSON操作用のユーティリティなど、さまざまな種類のコンポーネントを多数提供している。 今回リリースされた新バージョンでは、新たに6つのコンポーネントが追加されたほか、既存のコンポーネントについても機能の向上が行われている。 まず、今回新たに加わったコンポーネントとして注目すべきは「Uploader」だろう。このコンポーネントはFlashも利用すること

Expandable Listmenu Script One of the requirements of our new website at work was to create a list menu where you could click on some elements to expand/close different sections of the menu, similar to windows explorer. The challenge I set myself was to create a script that required minimal markup changes and one that would degrade nicely in the majority of browsers. I was aware of the expandable

地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変

This domain name has been registered with Gandi.net. It is currently parked by the owner.

はじめに　ここ最近、Web 2.0という言葉と共にクライアント側のプレゼンテーション技術としてAjaxが非常に注目されています。しかし、Ajaxという技術用語や概念の解説、または書籍が多く出版されているにもかかわらず、Ajaxを応用したコンテンツやアプリケーションは、キーワードとしてのAjaxの人気から考えれば、少ないと言えるでしょう。多くの人がGoogleなどの大手サイトでAjaxを体験しているにもかかわらず、Ajaxが使われているのは企業や大手ポータルサイトなど、限定されています。　では、Ajaxはそれほど敷居の高いものなのでしょうか。質の高い開発集団や、高額な開発環境、またはサーバーなどのインフラストラクチャが必要となるのでしょうか。確かに、Googleと同じレベルのものを作ろうと考えれば、相応の費用と技術が要求されます。しかし、Ajaxという技術要素だけを見れば、けっして大企業に独

Spry framework for Ajax（以下、Spry）は、アドビが提唱しているデザイナー向けの JavaScript ライブ ラリです。無償で配布されているこのライブラリを利用することで、サーバサイドで特別なプログラムを用意したり、ユーザの Web ブラウザへ新たなプラグインをインストールすることなく、今話題の Ajax を利用した動的でリッチなインタフェースやコンテンツを HTML の中に作り出すことができます。 “デザイナー向け”というのが Spry の大きな特長であり、他の Ajax ライブラリと比べてもユニークな点です。Spry そのものは JavaScript ライブラリ群ですが、難解な JavaScript のプログラミング知識はそれほど必要ではありません。HTML コーディングのスキルがあれば、XML からのデータを取得し、加工し、ダイナミックな形で Web ページ

BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ

Mini AjaxはAjaxライブラリの1つです。Mini Ajaxは非同期通信機能に特化した非常にコンパクトなライブラリです。Mini Ajaxにはバージョンがありませんが、都合によりここではversion 1.0としています。 version 1.0 リファレンス

F11キー※を押して、 ブラウザを全画面モードにしてください。 画面をクリックすると次のテストに移ります。 最後のテストまで行くと、このページに戻ってきます。 テストが終わったら、 再びF11キー※を押して、 全画面モードを解除してください。 ここでは以下のテストを行うことが出来ます。 各テストのチェック項目を参考に目視で確認してください。 黒 画面が黒くなります。 常に点灯しているドットがないかチェックしてください。 白 画面が白くなります。 常に消灯しているドットがないかチェックしてください。 赤 画面が赤くなります。 常に消灯しているドットがないかチェックしてください。 緑 画面が緑になります。 常に消灯しているドットがないかチェックしてください。 青 画面が青くなります。 常に消灯しているドットがないかチェックしてください。 白フェードイン、フェードアウト 白でフェードイン、フェー

それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス

先日のShibuya.js Techtalk#2では開発手法の話とかは(前回話したので)あまりしなかったのですが、そういう話を知りたいという人も多いようなので適当に公開していこうと思います。 http://la.ma.la/misc/js/mechanize/ WWW::Mechanizeと似たインターフェースでIEを遠隔操作するライブラリです。htaから呼び出してテスト用のツールを作ったりします。wshからも使えると思います。 機能的には最低限のものしか実装してません。ファイルのアップロードとかはJS側からいじれなかったと思うので多分無理です。 この手のツールではseleniumというのが有名なのですが、多機能すぎて使い方が良くわからないので自作しました。単純な動作確認や連投に使ったりします。 これを使ってアレをナニしたりしているのですがとてもここには書けません。