2008-10-20から1日間の記事一覧
class名より、要素をオブジェクトとして抽出するメソッド。 引数として、親要素、ルート要素を指定できる。getElementByIdの拡張といえるが、getElementsByClassName とあるように、戻り値はArrayになる。 （getElementByIdの場合、該当する先頭要素のみが戻…
YUIのAnimationを呼んでいると、Easing Methodという言葉が出てくる。 とても、訳しずらいので、今後、そのままeasingと呼ぶが、ようするにAnimationの終端の扱いのことらしい。 YAHOO.utilにEasingというオブジェクトがあって、そのAPIドキュメントをみると…
Animation Exampleの最初（Basic)は、とてもシンプルなサンプル。runボタンを押すと、矩形が短くなって消えてしまうというもの。ソースコードは以下。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>Ajax_Sampling</TITLE> <style type="text/css"> #demo { background:#ccc…</meta></meta></head></html>
サイトのナビゲーション通りに進み、いよいよYahooアニメーション(Animation)のサンプリングに入る。AnimationのトップページのGetting Startedをみると、以下のjsファイルを読み込めと書いてある。 <script src="scripts/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"> </script>
このページでは、DOM APIのおさらいと追加がまとめられている。DomのAPIについては、APIドキュメントを参照だが、下の表にあるように便利そうなDOMハンドリングの関数が並んでいる。 YAHOO.util.Dom.get("id_name")は、id名一発で要素を取得するメソッド。 Y…
