添加到收藏夾添加喜愛的html頁面的按鈕頁面

我正在創建一個具有特定月份的不同事件的移動網站。我想在每個活動頁面上添加一個按鈕，讓用戶添加不同的'活動'。我想，當用戶點擊添加到收藏夾按鈕，事件應該會自動添加到一個HTML頁面的'最愛'添加到收藏夾添加喜愛的html頁面的按鈕頁面

2014-04-25 user3001494

可能有[添加到收藏夾按鈕]（http：// stackoverflow。com/questions/10033215/add-to-favorite-button） – Chase

我會去用一個小的JavaScript，外部和調用事件頁面（因爲會有很多它的實例）。這實際上是一個非常簡單的過程。

中創建一個新的JavaScript文件favorites.js

保存與此代碼：

修改，以支持Opera

function bookmark(title,url){ 

    var sPath = window.location.pathname; 

    var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); 

    url =url+sPage; 

    if (window.sidebar) // firefox 

    window.sidebar.addPanel(title, url, ""); 

    else if(window.opera && window.print){ // opera 

    var elem = document.createElement('a'); 

    elem.setAttribute('href',url); 

    elem.setAttribute('title',title); 

    elem.setAttribute('rel','sidebar'); 

    elem.click(); 

    } 

    else if(document.all)// ie 

    window.external.AddFavorite(url, title); 

}

在你寫的每一個HTML文檔的頭部，你需要將這個腳本中調用（非常類似於調用CSS定義）：

<script src="**/dir/**favorites.js" charset="UTF-8" type="text/javascript" defer/></script>

推遲是可選的，但與像劇本推薦這對於頁面的功能不是必需的。但是，如果您希望用戶可以在加載頁面的其餘部分之前使用添加到書籤功能的可能性，則可以將延遲更改爲異步。

現在你快到了。此時，爲了節省自己的一些挫折，在嘗試使用鏈接之前，請確保您的頁面沒有錯誤地加載。這將確保您的JavaScript或現有代碼沒有錯誤。

要使用添加到收藏夾按鈕，它就像使用錨點和鏈接一樣簡單。一個鏈接，會利用這個腳本尤其是這樣的：

<a href="javascript:bookmark()">bookmark me</a>

或

<a href="javascript:bookmark()"><img src="imgs/bookmarklogo.png" **other-img-definition-stuff**></a>

而在過去它是共同使用一個表單按鈕，像這樣的：

<input type="button" name="Bookmark this page" onclick="bookmark()" />

幾年過去了，因爲我真的用HTML/CSS困擾自己，在那個時候，諸如AddThis等選項已經出現。如果你覺得這個任務太困難了，我會用類似的方式去做。另外我建議遠離手動編碼並轉到某種CMS，如Drupal或Wordpress。特別是如果你的日程安排緊張。

來源

2014-04-26 01:47:51 Paul

仍不清楚。我想實現這樣的目標.https：//drive.google.com/file/d/0B8e0BqgjAdM_NnRlS2FJQXAxekk/edit？usp = sharing – user3001494

添加到收藏夾添加喜愛的html頁面的按鈕頁面

回答

相關問題