JavaScriptを使って画像 etc…をドラッグ&ドロップ

  • このエントリーをはてなブックマークに追加

珍しくちゃんと9時というすばらしい時間に起きた。
昨日相談された件について、ささやかに協力できればと書いてみた。
一応、話は聞いているのでやりたいことのイメージは目の前にお寿司がくるくる回る中聞いたので、そんなにずれてはいないとは思うのだが。
とりあえず動く様になったので公開。

http://feeddown.com/jsdd/
(追記)下は、スクリーンショット。押しても動きません。
f:id:hideack:20080412124120p:image

使ったのはscript.aculo.usと、prototype.jsぐらいです。
script.aculo.usprototype.jsに依存して同梱されているので、実質手でダウンロードしたのはscript.aculo.usのみ。
以下、ほぼ特定人物宛のみのメッセージになるので、私のこのblog初、「続きを読む」を使います....。

以下、簡単に現状のメモを残しておきます。

  • サーバーサイドにアクセスはしていませんので、ソースはブラウズした際に見えるものがすべてです。
  • ピンの位置は初回ロード時に乱数で設定しています。
    • ソースをみてわかる通りコンストラクタで設定した箇所にピンがおかれます。
  • 2秒毎に乱数を振ってアイコンをモノクロ/カラーの切り替えをしています。
    • 本来は各ピンが持つ情報に従ってサーバーサイドに問い合わせをし、この切り替えを行うはずです。(間隔は知らないけど)
  • 保存ボタンを押すとピン数毎ループをまわして位置を表示します。
    • 本来は各ピンの位置を回収した後、サーバーサイドに投げて位置を保管させるはずです。
  • ピンの位置も現状はサンプルなのでドラッグ&ドロップできる様にしていますが、固定にすることも簡単にできる様に書いたつもりです。

最後に大事なことを。
これは、あくまでもWebアプリを書くのを本業としない人間が書いたものです。
専門にされている人が書くともっと違うかもしれません....。ご了承ください。

(Visited 4 times, 1 visits today)
  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*