付録2 Yahoo! UI Library：ドラッグで移動量を制限する
yuiではページ上のオブジェクトをドラッグする際に１回の移動量を制限することができます。ドラッグドロップ同様、以下のyuiライブラリファイルが必要です。 yahoo.js event.js dom.js dragdrop.js ドラッグオブジェクトの設定は「ドラッグする」と同様です。横方向の移動量の制限はsetXConstraint()の3番目のパラメータに1回の移動量をピクセル数で指定します。15なら15ピクセルずつ移動します。以下のサンプルは横方向のみ50ピクセル単位で移動します。縦方向は普通に移動します。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>ドラッグする（横の移動量を制限）</title> <link rel="styles
JavaScript(AJAX)サンプル集 Yahoo! User Interface Library(YUI) - Drag and Drop Utility
スポンサードリンク Yahoo! User Interface Library - Drag and Drop Utility Drag and Drop Utilityとは ドラッグ＆ドロップ可能な要素を作るためのユーティリティーです。ドラッグやドロップのイベントハンドラーを間単に作成することが可能なフレームワークが用意されています。 詳しくはhttp://developer.yahoo.com/yui/dragdrop/のオリジナルを読まれるのがよいと思います。 Drag and Drop Utilityを使う前準備 必要なのは4つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/yahoo-min.js"></script> <script type="tex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
