2008-10-19から1日間の記事一覧
このサンプルは、赤い矩形のX座標（left）とY座標（right）をとるところで、getXYを使い、小さい青い矩形の座標をそれにセットする。このセットのときにsetXYを利用する。 このイベントハンドラーは、「実行」ボタンのクリックイベントに仕込んでおく。サン…
YUI DOMのExampleのページのサンプリングを開始。 開いてみると、setXYとか、さっきサンプリングしたものばかり。 慣れるためにもう1回やってみることにする。サンプルは、クリックイベントの位置に矩形が飛んでくるという代物。HPで紹介されているコードだ…
YAHOO.util.Dom.removeClass('element','classnames')は指定したelementのクラス属性を削除するためのメソッド。（elementの部分はobjectでもよい）サンプルコードは以下。 <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> </meta></meta></head></html>
YAHOO.util.Dom.addClass('element','classnames')は指定したelementのクラス属性を増やすためのメソッド。（elementの部分はobjectでもよい）サンプルコードは以下。 <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> </meta></meta></head></html>
YAHOO.util.Dom.hasClass('element','classnames')は、指定したelementが、クラス要素として'classnames'（複数指定するときは、'−’の中にスペース区切りで指定）を持っているかどうかを調べる。戻り値は、boolean。サンプルコードは以下。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>Aja…</meta></meta></head></html>
一見、DOM Using getXYのサンプルと同じにみえるが、こちらのサンプルでは、大きいほうの矩形（赤）のスタイルから、背景色（赤い）取得し（この際にgetStyle()を用いる）、小さい法の矩形（青）の背景色に適用する。このサンプルページにも One of the bene…
青い矩形の透過度を0.5（50%）に設定するサンプル。 先にやったものとほぼ同じである。ソースコードを除いてみると、styleの設定に関して、次のような但し書きがかいてある。 /*margin and padding on body element can introduce errors in determining ele…
