【制作メモ】
HTML5の代表的な機能のひとつ、「ドラッグ&ドロップAPI」を利用しようと考えた。
結論から言ってそれは失敗だったが、HTML5の学習が目的だったので仕方ない。
問題になったのは「ドラッグ時の画像表示」。
カードをドラッグした時に、ドラッグしているカードがマウスカーソルと一緒に移動するのが望ましいが、実はこれが思わぬ問題を抱えている。
制作に使用していたXPパソコンは動作速度を優先する設定([システムのプロパティ]-[詳細設定]-[パフォーマンス]-[パフォーマンスを優先する])に変更してある。
この設定だと、カードをドラッグしてもドラッグ画像は表示されないのでスクリプトで表示することにした。
ところが、通常設定([コンピュータに応じて最適なものを自動的に選択する])のパソコンでは、スクリプトを書かなくてもドラッグ画像が表示され、結果2重に表示される。(そのことに気付いてのは完成直前だった)
前者が少数派だと判断し、後者を前提に最適化を図ることにしたが、ソリティア8では複数カードのドラッグ移動があるので、その際に1枚だけ表示されるのは格好がつかない。
理想的なのは、自動的に表示されるドラッグ画像を消して、スクリプトでドラッグ画像を表示させることだが消す方法が分からなかった。
スクリプトでドラッグ画像を表示するモードを有効にする。
Chrome15, firefox 7 での正常動作を確認。IE9で一部問題あり。IE7/8, Operaでは動作しない。
(実験なのでブラウザ別の処理は行なっていない)
[
閉じる]