码迷,mamicode.com
首页 > 其他好文 > 详细

SharePoint 2010/SharePoint 2013 Custom Action: 基于Site Collection 滚动文字的通知.

时间:2016-10-02 23:56:46      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:

应用场景: 有时候我们的站点需要在每个页面实现滚动文字的通知,怎么在不修改Master Page的情况下实现这个功能?我们可以使用Javascript 和 Custom Action 来实现。

  •  创建一个Custom Action。主要使用到 Location = ‘ScriptLink‘ 属性, 该属性可以动态的加载JavaScript 文件链接和代码块到模板页。代码如下:

  

<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    
  <CustomAction Location="ScriptLink" 
  criptSrc="/_layouts/15/SP2013NotificationDemo/SiteNotification.js" 
  Sequence="101"></CustomAction>

  <CustomAction Location="ScriptLink" 
  ScriptBlock="var windowOnload = window.onload || function(){}; window.onload = function(){ Notification_Demo(); };" 
  Sequence="102"></CustomAction>
    
</Elements>


 

  • 创建一个JavaScript 文件,去添加一段Html代码实现滚动文字。这个JavaScript文件可以放在Layouts目录下面,也可以放在站点的Style Library中。在HTML中主要使用到Marquee标签的一些属性。
function Notification_Demo() {
    var elemForm = document.getElementsByTagName("form")[0];
    var elemDiv = document.createElement("div");
    elemDiv.innerHTML = "<marquee scrollamount=‘4‘ style=‘color:yellow;‘ onmouseover=this.stop() onmouseout=this.start()>This is a Marquee test!!!</marquee>";
    elemDiv.style.cssText = "background:red;width:100%;font-size:20px;";
    document.body.insertBefore(elemDiv, elemForm);
}
  • 代码结构图如下:

  Feature Scope 设置成了Site. 如果需要把这个滚动通知应用到一个web application下面的多个site collection中,可以把Feture scope 设置成Web Application.

技术分享

 

SharePoint 2010/SharePoint 2013 Custom Action: 基于Site Collection 滚动文字的通知.

标签:

原文地址:http://www.cnblogs.com/dexter2003/p/5909402.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!