iframe網址爲CSS DIV網址

Question

我有一個網址，這將在IFRAME

<iframe width="250" height="200" frameBorder="0" data-href="http://localhost:8080/webapps/testauth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d"></iframe> 

顯示，它會顯示小部件進入網站如Facebook plugin如果我上面的代碼粘貼到任何網站。

但現在我的工作是將其從iframe更改爲css div。我對UI部分沒有太多的瞭解，面對的問題可以幫助我。

變化應該是這樣的

<div class="something"data-href="http://localhost:8080/webapps/auth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d" data-width="292" ></div> 

Answer 1

您需要做的是一個跨域Ajax請求。它在下面的步驟

• 建立在一個js Ajax請求，並把它從你要發佈你的widget

• 腳本添加到您想要的網頁域名做了你小部件出現。確保您將文件的來源設置爲所有者域，並且不要在本地複製js文件。這是必要的，否則瀏覽器將提出安全警告，並不會允許它。

• 調用包含js的函數來執行請求並從原始域獲取內容。

這將使將小部件添加有點難度的過程，但股利不會讓你從任何域中加載內容（僅iframe和框架可以做到這一點）。