[B! DND] t_43zのブックマーク

ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」

イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。詳細は以下の通り。ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない

t_43z 2007/07/31

リンク

【連載】今からはじめるAIRプログラミング (11) ドラッグ&ドロップ機能 - AIRアプリとネイティブOS環境との連携 | エンタープライズ | マイコミジャーナル

AIRのドラッグ&ドロップ対応機能今回は、AIRのドラッグ&ドロップ機能について解説する。 AIRのドラッグ&ドロップ機能は、ネイティブOSと完全に統合されており、非常に使い勝手の良いものだ。他のアプリケーションとの間でシームレスにデータの受け渡しを行うことが可能である。APIもコンパクトにまとまっており、覚えておいて損はない。まず、AIRにおけるドラッグ&ドロップという動作の概要を理解しよう。ドラッグ&ドロップとは、ドラッグ処理を開始する主体(イニシエータと呼ぶ)が処理を開始し、AIRアプリケーションの上をドラッグしながら通過し、最終的にどこかにドロップされる、という動作だと言える。ここでは、「AIRアプリケーション内から外部(ネイティブOS環境)にデータをドラッグ&ドロップする」場合と、「外部からAIRアプリケーション内にデータをドラッグ&ドロップする」という場合に分けて考える

t_43z 2007/07/20

AIR
DND

リンク

ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳

なにかと面白そうなAjaxの中から、ドラッグ＆ドロップでちょっと素敵なアクセサリーにもなるプログラムのご紹介。特に、iGoogleのようなRSS配信形のページは面白そうですね。 iGoogleのようなRSS集合体のAjax DemoページあのiGoogleのようなシステム運営が出来る。RSSの読み込みも可能なAjaxです。ページの一部を動かすAjax Demoページページの一部を移動させてどうなるのとか言われても困りますが、ネタとして覚えておいて損はないかも？ドラッグ＆ドロップページ Demoページ iGoogleのように動かせるもの。イメージギャラリー＆HTMLギャラリーをドラッグ商用利用の場合は29ドルだが、非営利の場合は無料で使える。時間のドラッグ＆ドロップタイムラインをドラッグして時間をずらし、そのときにあったものをさらにリンク表示させるもの。画像拡大虫眼鏡 F

t_43z 2007/07/03

リンク

「Java SE 6完全攻略」第29回　Swingでのドラッグ＆ドロップその1

今月はJavaにおける最大のお祭りJavaOneがサンフランシスコで行われます。櫻庭も例年のごとく参加します。せっかく参加するのですから，この連載でもJavaOneをレポートしたいと思います。そこで，変則的なのですが，今月は今週と第4週をJava SE 6完全攻略，第2週と第4週をJavaOneレポートとさせていただきます。さて，今月のJava SE 6完全攻略では，Swingのドラッグ＆ドロップについて解説します。 Swingのドラッグ＆ドロップはJ2SE 1.4から導入された機能です注。ただ，Swingのドラッグ＆ドロップに関する解説はまだあまりありません。そこでまずはじめに，今までのドラッグ＆ドロップについて解説します。その後，Java SE 6でのドラッグ＆ドロップの強化点について解説します。 Swingコンポーネントのドラッグ＆ドロップのサポートはじめに，Swingのコンポ

t_43z 2007/05/07

リンク

miya2000の日記 - これからドラッグ＆ドロップを書く人のために

2012/07/22 追記久しぶりに確認したところ、IE9 では以下で指摘している IE (このときは IE6 でした) の問題(3, 4, 6)がすべて解消されていました。また、Firefox での問題(5)も Firefox14 で試したらは解消されていました(ただ、All-in-One Sidebar のパネルの上では mousemove イベントが発生しないようでした)。 Chrome20 や Safari5 でも問題無く動作していますから、現在においてドラッグ＆ドロップを実装するには mousedown 時の preventDefault() だけでOKと言えそうです。すばらしいですね！ safari で動かないらしいのでどなたか情報ください！(くやしい!) というかこういうのに勝ち負けはないので実装できてる方は是非トラックバックお願いします。当方既に ipod 中毒ですし

t_43z 2007/03/09

Drag&Drop実装の詳細。主にブラウザ互換について。

リンク

Draggable.js

HTMLの任意のElementをDrag & DropできるようにするためのJavaScriptライブラリです。Drag & Drop以外の機能はありませんが、その分ロジックが簡潔なので、様々な用途にソースコードを改良しやすいと思います。また、インスタンスを生成するだけでDrag & Dropできるようになるので、お手軽です。 Draggable.jsをロードします。 <script type="text/javascript" src="./Draggable.js"></script> 動かしたいElementのスタイルをposition:absoluteに設定します。 <div id="tutorial" style="position:absolute;">Tutorial</div> 引数にElementのIDを渡してDraggableオブジェクトをnewします。 <scrip