用HTML嵌入 - 每次都有一個新鏈接

-1

<html> 

<object data=http://www.tagpro.eu width="850" height="800"> <embed src=http://www.tagpro.eu width="650" height="700"> </embed></object> 

</html>

而且我有一個表格。

<form> 
Game:<br> 
<input type="text" name="firstname"> 
<br> 
Link:<br> 
<input type="text" name="lastname"> 
</form>

我需要的：

如果表單，無論鏈接，嵌入網站設置爲一定的聯繫。例如，如果我在鏈接部分輸入google的形式，然後點擊提交，就會在我的網站上看到google的網頁。

謝謝！

來源

2015-07-20 NeedHelp

那你嘗試至今？ – DavidDomain

我已經適應了你這樣的代碼：

<form id="demo-form"> 
    Game:<br> 
    <input type="text" name="game" id="game" value="bootstrap datepicker"> 
    <br> 
    Link:<br> 
    <input type="text" name="link" id="link" value="https://bootstrap-datepicker.readthedocs.org/en/latest/"> 
    <br /> 
    <input type="submit" value="Go" /> 
</form> 

<object id="demo-object" data=https://jqueryui.com/datepicker/ width="850" height="800"> 
    <!--<embed src=http://www.tagpro.eu width="650" height="700"> </embed>--> 
</object>

，我用一些JavaScript如下：

document.getElementById("demo-form").onsubmit = function() { 
    var game = document.getElementById("game").value; 
    var link = document.getElementById("link").value; 
    document.getElementById("demo-object").setAttribute('data', link) 
    // Return false to prevent the default form behavior 
    return false; 
}

請檢查fiddle。但是，這不適用於每個網站。例如，我嘗試使用谷歌鏈接時出現錯誤。此演示還適用於Firefox 39.0和Internet Explorer 9，但不適用於Chrome 43.0.2357.130。不過外面的小提琴也在Chrome中工作。

如果你需要保持刷新頁面之間的選擇，一個可能的解決辦法是通過使用jquery-cookie 存儲在cookie中的選擇和代碼將發生如下改變：

if ($.cookie("link")) { 
    // Restore the last selection from cookie 
    document.getElementById("link").value = $.cookie("link"); 
    document.getElementById("demo-object").setAttribute('data', $.cookie("link")) 
} 
document.getElementById("demo-form").onsubmit = function() { 
    var game = document.getElementById("game").value; 
    var link = document.getElementById("link").value; 
    document.getElementById("demo-object").setAttribute('data', link) 
    // Store the selection in a cookie 
    $.cookie("link", link); 
    // Return false to prevent the default form behavior 
    return false; 
}

來源

2015-07-20 22:39:08 marianc

我用小提琴和嘗試約10個網站，似乎沒有工作？我不知道這是因爲小提琴嗎？ – NeedHelp

沒關係，我把它運行在我的服務器上，它工作。但是，當我刷新它消失。我如何讓它永久保留在我輸入的頁面上？ – NeedHelp

我已經調整了在頁面刷新之間保持選擇的答案。 – marianc

用HTML嵌入 - 每次都有一個新鏈接

回答

相關問題