Drag and Dropでファイルを簡単にアップロードできるコンテンツを作れるDropzone.js - WebDelog
dropzonejs.com 2014月7月1日: dropzone.js のバージョンが上がり、以前の記事の内容では動作しないものが多くなっていたため、2014年7月1日時点での最新版 3.10.2 の仕様にあわせて記事内容を見直し、改訂しています。(更新が遅くなってしまってすみません。) サポートしているブラウザは Chrome 7+ Firefox 4+ IE 10+ Opera 12+ (Mac版のOperaではバグがあるため現在は無効のようです) Safari 5+ となっています。 ドラッグアンドドロップが利用できないブラウザのためには、 クリックするとinput:fileで表示されるファイル選択ウィンドウを表示させたり、 動作しなかったときの処理を書いて対応することが可能となっています。 動作方法 まず実際に動かしてみましょう。 事前にdropzoneを下記よりダウンロードし
ドラッグ＆リサイズが可能なjavascript「jqDnR」
限られたスペースで多くのコンテンツを詰め込みたいという葛藤は永遠の課題でしょう。 また、訪問者が自由なレイアウトを組めるようにするのは良いことかもしれません。 そこで、ドラッグ＆リサイズ可能なjavascriptjqDnRを紹介します。 sponsors 使用方法 jqDnRからjqDnR.jsをjQueryからjquery.js、さらにDimensionsからjquery.dimensions.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.dimensions.js" type="text/javascript"></script> <script src="http://yourd
jQuery UIのドラッグ＆ドロップで参考になったサイト(自分メモ) - ありの日記
ドラッグ＆ドロップを行うにはjQuery UIの以下のサイトから Download Builder | jQuery UI UI core Draggable Droppable の3つにチェックをつけてダウンロード ドラッグ＆ドロップで参考になったサイト jQuery UIのドラッグ＆ドロップ(と複数選択)の解説 jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ (1/4)：パターンとライブラリで作るAjaxおいしいレシピ（5） - ＠IT ドラッグのエフェクトとか、どんな風にドラッグできるか一目で分かるデモ http://view.jquery.com/tags/ui/1.0.1a/demos/ui.draggable.html ドラッグ＆ドロップの典型的なやつ。elementの(ドラッグ元からドラッグ先への)付け替える方法が分かった jQuery UI本家のドキュメン
WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」:phpspot開発日誌
WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」 2010年11月25日- jquery.dynatree.js | jQuery Plugins WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」。 次のように、デザインそっくりのUIが比較的簡単に実現できます。 スキンに対応していて、次のように、Vistaっぽくすることも可能 アイコンを付けてより分かりやすくすることもできます。 ドラッグ＆ドロップも出来たりします。移動している最中のUIもWindowsアプリそっくり 各ツリーはAjaxに対応していて、読み込み時に全部読む必要がなく、巨大なツリーを表示することにも対応しています。 Windowsアプリなんかでは何かと便利なこのUIですが
ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌
Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
Folder Tree With Drag And Drop Capabilities
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download files You can download the entire script from this Zip file. Files included in the package: drag-drop-folder-tree.html = Main html file js/drag-drop-folder-tree.js = Main Javascript file js/context-m
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 2011年03月22日- jQuery File Upload Demo デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。 ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。 尚、Firefox、Chromeで動作。IEでは動きませんでした。 デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
jQuery Core – All Versions | jQuery CDN
jQuery Core & Migrate - Git Builds UNSTABLE, NOT FOR PRODUCTION jQuery git build: script: uncompressed, minified, slim, slim minified module: uncompressed, minified, slim, slim minified jQuery 3.x git build: uncompressed, minified, slim, slim minified jQuery Migrate git build: uncompressed, minified jQuery Core - All 3.x Versions jQuery Core 3.7.1: uncompressed, minified, slim, slim minified jQuer
テーブルソート、テーブル操作｜jQuery plugin｜Ajax｜PHP & JavaScript Room
テーブル、リスト、段落など要素内のデータを簡易検索するjQueryプラグイン。 指定した文字列にマッチしたデータを持つ要素だけを絞り込んで表示することができます。 オプションのパラメータで簡単にカスタマイズすることができます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="C
jquery順番入れ替え
I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin. Update: You can now read the latest docs at https://github.com/isocra/TableDn
Collapsible Drag & Drop Panels Using jQuery - WPLoaded
Drag n Drop panels are great to let the user control how he/she wants to see the information as he can arrange various information blocks according to his preference. This type of functionality is often provided by web portals or personal homepage services like iGoogle. Similarly, WordPress dashboard also lets user control how the various boxes are displayed. Today, i am going to show you how to c
网信彩票-安全购彩
网信彩票（www.ma-creators.com）是【购彩中心-以小博大】最知名的游戏平台网站，购彩中心极力为您提供注册、开户、登录、app下载、计划、走势图、开奖直播、网上代理等服务！
iGoogleのようにコンテンツをドラッグ&ドロップできるスクリプト(2009/7)
boxの中身にrssフィードを読み込ますことができます。ボックスを動かすのはJavaScriptですがフィードを読み込むためにMagpieRSSを使っているのでphpが使えるサーバーでないと作動しません。ちなみに私はこれを使ってiチャート広場っていうページを作りました。
要素をドラッグアンドドロップする方法 - Web/DB プログラミング徹底解説
はじめに ドラッグアンドドロップが出来れば、Web の UI を簡素化し、かつ直感的に作り上げられる場合があります。ドラッグアンドドロップの実装方法はいろいろあるでしょうが、ここでは単にマウスのダウン、移 動、アップのイベントを上手に組み合わせることによって、ドラッグアンドドロップの実装を試みます。 デモのダウンロード 1. 解説 この資料では、ドラッグする要素及びドロップするターゲット要素共に position スタイルを absolute にして、絶対位置指定しています。絶対位置指定ですから、要素の移動は簡単です。 HTML では次のように、ドラッグする要素、ドロップするターゲットのクラスをそれぞれ "dragged_elm"、"drop_target" とします。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://ww
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドラッグ＆ドロップで画像をUPできるようにするjQueryプラグイン「JQuery File Uploader」:phpspot開発日誌
http://gridster.net/
ドラッグ＆ドロップでアップロードが簡単実現できるjQueryプラグイン「Dropzone.js」:phpspot開発日誌
jstree
ColdFusion（順序 並び替え） ｜ 有限会社デジタルムーン
jQueryでドラッグアンドドロップを実装する｜オープンソース研究室