0

ランダムなテキスト、画像、またはテキストと画像を受け入れるドロップ可能な領域を作成しようとしています。

jQuery でドロップ可能を作成する方法は知っていますが、明示的にドラッグ可能と宣言された項目のみを受け入れます。私がやりたいことは、ブラウザーでマウスを使用してランダムなテキスト、画像、またはテキストと画像を強調表示し、それをドロップ可能な領域にドラッグすることです (この括弧で囲まれたステートメントを強調表示してドラッグすることを想像してください - 実際のドラッグ可能なものは必要ありません)。

ランダムなものを受け入れ、そこにドロップされているものに関する情報を提供できるドロップ可能な領域を作成するにはどうすればよいですか?

どんな助けでも大歓迎です。

よろしく、デビッド

4

2 に答える 2

0

マウスイベントを検出し、コンテンツを動的にドラッグ可能にすることは可能かもしれません...

以下を使用して、選択したテキストを取得できます。

txt = document.getSelection();

ただし、これは実際の HTML ではなく、テキストでのみ機能するようです。

完全な選択コードはこちら: http://www.codetoad.com/javascript_get_selected_text.asp

于 2009-07-11T06:41:50.117 に答える
0

私はこれがあなたを助けるかもしれないと思います!

ドラッグ可能なすべての要素に同じ「クラス」を与えることで、目標を達成できます。

J:

$(function() {

    var $gallery = $('#something'), $trash = $('#divAccept');

    $('.drop',$gallery).draggable({
        revert: 'invalid', 
        containment: $('#divAccept').length ? '#divAccept' : 'document', 
        helper: 'clone',
        cursor: 'move',
    });

    $trash.droppable({
        accept: '#something > .drop',
        drop: function(ev, ui) {
            deleteImage(ui.draggable);
        }
    });

    // image deletion function
    function deleteImage($item) {
            $item.fadeOut(function() {
                $item.appendTo($trash).fadeIn();
            });
    }
});

HTML:

    <div id="something">
      <div class="drop">random text</div>
      <div class="drop"><img src="../images.jpeg" /></div>
    </div>
    <div id="divAccept"></div>

JQuery UIを使用すると、より適切なガイダンスを得ることができます。

于 2009-07-11T05:55:47.883 に答える