Make it draggable!: 何でも動かせるようににする javascript
- Date
- 2006-01-30 (Mon)
- Category
- Tech
だい〜ぶ前に、JavaScript++かも日記: 【jsGadet】ドラッガブルフロートなDIV を見て、なんか汎用的な lib にならないかなと思って作っていた libDrag 。今回はこれを Bookmarklet から呼び出して、遊んでみました。
これをブックマークバーなんかにドラッグしてみてください。他のページに行ってこのブックマークレットを起動すると、web ページ上の特定の部分（ポインタを乗せると赤い枠の出る部分）がマウスでぐりぐり動かせるようになります。また別の部分を動かしたいときは一度 ESC キーを押して下さい。また別の部分が動かせるようになります。
技術的な説明
僕は上の Bookmarklet を bootstrap と呼んでいます。なぜなら、この bookmarklet は launcher.js という他の javascript を呼び出すだけだからです。そして launcher.js はまず libDrag を読み込んで、Document に interaction を設定しています。
ソースを読めばわかると思いますけど、div タグのみを操作対象にしています。
既知の問題点
- Safari だと ESC キーの操作がうまく行かないなので、Firefox で試してみて下さい。
- 対象 div 上でクリックして、確認の dialog が出ている時にマウスポインタのフォーカスが離れると、うまく移動可能に出来ない。
- 複数個の div が入れ子状に存在する場合、一番外側の div しか移動可能に出来ない？
- 対象 div に border が設定されていた場合、設定を上書きしてしまう。
感想、などはコメントにどうぞ。
Comment:6
- coach outlet online:2011-08-19 (Fri) 05:57
-
Now can be the perfect time to choose a Coach Outlet Online. With fall getting best suited right here in numerous of weeks, something are on the way to acquire on clearance. But this appears to turn out to be the way in which by which you can appear throughout a little something at you Coach Handbags Outlet on sale. mentor utilizes the most significant best brilliant quality of factors to manufacture their products. We are the best Coach Purses Outlet agents.Welcome to buy in our online shop.More discount for you.
- fake watches:2011-09-23 (Fri) 23:15
-
How to select the best wigas a style forerunner His firstyou are You can show the Cartier Lady replica.
- ugg boots clearance:2011-11-15 (Tue) 02:59
-
QLUJOYQCC1F5HTFKEL
Young girls all have a crush on wearing the cheap ugg boots
- louis vuitton outlet:2011-12-14 (Wed) 01:27
-
New style louis vuitton outlet are all come with our online store,
100% authentic and 100% Satisfaction 2011 louis vuitton bags are accumulation cheapest price.
High quality guarantee with amazing low price from our louis vuitton outlet store online,
Come and just enjoy shopping here, what you see will the same as what you get,
buy cheap louis vuitton online now!
- Coach Outlet Online:2012-01-03 (Tue) 20:15
-
ntee with amazing low price from our louis vuitton outlet store online,
Come and just enjoy shopping here, what you see will the s - Coach Outlet Online:2012-01-03 (Tue) 20:18
-
e with amazing low price from our louis vuitton outlet store online,
Come and just enjoy shopping here, what you se
Trackback:0
- TrackBack URL for this entry
- http://blogs.grf-design.com/mt/mt-tb.cgi/136
- Listed below are links to weblogs that reference
- Make it draggable!: 何でも動かせるようににする javascript from The Croton