ドラッグ＆ドロップで画像を切抜く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 操作感覚が通常のアプリケーションとほとんど差異がない
【連載】今からはじめるAIRプログラミング (11) ドラッグ&ドロップ機能 - AIRアプリとネイティブOS環境との連携 | エンタープライズ | マイコミジャーナル
AIRのドラッグ&ドロップ対応機能 今回は、AIRのドラッグ&ドロップ機能について解説する。 AIRのドラッグ&ドロップ機能は、ネイティブOSと完全に統合されており、非常に使い勝手の良いものだ。他のアプリケーションとの間でシームレスにデータの受け渡しを行うことが可能である。APIもコンパクトにまとまっており、覚えておいて損はない。 まず、AIRにおけるドラッグ&ドロップという動作の概要を理解しよう。 ドラッグ&ドロップとは、ドラッグ処理を開始する主体(イニシエータと呼ぶ)が処理を開始し、AIRアプリケーションの上をドラッグしながら通過し、最終的にどこかにドロップされる、という動作だと言える。 ここでは、「AIRアプリケーション内から外部(ネイティブOS環境)にデータをドラッグ&ドロップする」場合と、「外部からAIRアプリケーション内にデータをドラッグ&ドロップする」という場合に分けて考える
「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のコンポ
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 中毒ですし
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
Drag & Drop | Diaspar Journal
丸亀製麺は、全国に820店舗以上を展開するうどんのチェーン店です。店内で製麺を行っているため、打ち立ての美味しいうどんをいただくことができます。 注文まで列に並んでいくスタイルですので、何を頼もうか考えている間に自分の番がきて焦っちゃうなんてことも・・ 別のせのてんぷらやおにぎりも美味しいですよね！ 丸亀製麺で一番お得なクレジットカードは、ｄカード・ｄカード GOLDです。ｄ払いを利用することで、ポイントの3重どりができ2.0％還元を実現できます。 丸亀製麺では、クレジットカードや、電子マネー、バーコード・QRコード決済など多くのキャッシュレス決済を支払いで利用することができます。クレジットカード キャンペーンも活用するとさらにお得になることもあります。 丸亀製麺の支払いで利用できる決済方法クレジットカードVISA・Mastercard・JCB・ダイナースクラブカード・AMEXバーコード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
http://www.walterzorn.com/index.htm