2010-09-15 89 views
0

嗨我想創建一個可拖動的iframe,並取得了成功,但問題是如果我通過pdf或doc文件到iframe位置像parent.frames.iframe2.location='file://test.pdf'無法從位置移動iframe和iframe不顯示可拖動區域。可拖動的iframe

+1

請顯示一些代碼。 – 2010-09-15 10:17:59

+2

您必須詳細瞭解如何使iframe可拖動,以便某人確切地確定它在某些情況下無法使用的原因。 – Guffa 2010-09-15 10:18:43

+0

我已經使用這個源代碼http://www.javascripttoolbox.com/lib/dragiframe/,如果我在iframe中使用普通文本內容,我可以拖動iframe,但如果我將pdf或doc文件分配給iframe位置,我會拖動功能 – prakashkadakol 2010-09-15 10:25:07

回答

1

javascripttoolbox.com/lib/dragiframe

這個庫依賴於幀內容是HTML,並且是相同的主機作爲父文件,所以它可以增加點擊處理事件的子文檔。當兒童文檔由插件(如Word或Reader)處理時,絕對不可能實現,該插件不會將其內容區域中的鼠標交互暴露給JavaScript控制。例如,如果子文檔包含Flash嵌入,您也會看到類似的問題:Flash中的點擊不會傳播到document上的JavaScript事件處理程序。

您必須在iframe頂部放置一個透明覆蓋物<div>,遮住它並抓住所有的點擊。然後當它被拖動時,移動div和在其下面z-indexed的iframe,使其看起來好像在拖動iframe。

+0

可以請你建議我一些JavaScript和CSS示例代碼,這將有助於我 – prakashkadakol 2010-09-15 11:13:04