イメージをアップロードしてサーバーに表示するiframeを作成しました。ページを更新せずに表示しました。保存されたイメージをiframeからドラッグアンドドロップする方法を教えてくださいdivに入れるイメージをiframeからdivにドラッグする方法
次のコードは、サーバーからの画像を表示するためのiframe(iframeImage.aspx)で使用されます。
<div>
<asp:DataList ID="dtlist" runat="server" RepeatColumns="4" CellPadding="5">
<ItemTemplate>
<div id="divImage" runat="server" onclick="Test()" class="draggable">
<asp:Image Width="100" ID="Image1" ImageUrl='<%# Bind("Name", "~/MyImages/{0}") %>' runat="server" />
</div>
<br />
<asp:HyperLink ID="HyperLink1" Text='<%# Bind("Name") %>' NavigateUrl='<%# Bind("Name", "~/MyImages/{0}") %>' runat="server"/>
</ItemTemplate>
<ItemStyle BorderColor="Brown" BorderStyle="dotted" BorderWidth="3px" HorizontalAlign="Center"
VerticalAlign="Bottom" />
</asp:DataList>
</div>
の背後にあるコードから、私はデータリストに画像を結合しています。
現在、私はコードの下に【選択がメインのdivにテキストを結合するために使用されるメインのdiv(CustomDesign.aspxのreportHeader)に画像をドラッグ&ドロップする必要があります。
function CreateTextLineLabel(textAreaElt) {
var id = "Text1" + count.num++;
$('#reportHeader').append('<div id="' + id + '" class="draggable" ondblclick="showPopup(this)"><span>' + $(textAreaElt).val() + '</span></div> ');
$("#" + id).draggable({ revert: "invalid" });
$("#" + id).resizable();
$("#reportHeader").droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("Dropped!");
}
});
$(textAreaElt).remove();
}
詳細情報が必要です。すべてのページが同じドメインで動作していますか? –
を参照してください。http://stackoverflow.com/questions/1382553/dragging-objects-out-of-an-iframe –