添加到收藏夹添加喜爱的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页面的按钮页面

回答

相关问题