SharePoint 2007讨论板(Discussion Board)的答复按钮变脸

这篇博客已被微软收藏。
http://technet.microsoft.com/zh-cn/ff729452.aspx
 
同学们,对SharePoint的讨论板都不陌生吧,对于企业内部来说,这种类型的简单论坛足够使用,再复杂了就影响了大家工作,说白了,功能强大的讨论板不适宜在企业内部推广。
 
我们公司就借助这个讨论板为大家给过生日的同事留下祝福。管理员建立一个新的生日祝福主题,同事们就可以跟进答复了。 但是老板看了之后,觉得“答复”按钮比较别扭,建议修改。
 
这个简单的需求看起来比较简单,但是真正要去实施的时候,还是需要多种技术的。先将我的思路与大家进行分享。
 
同学们看看,下图是默认的讨论板样式:
璁ㄨ�烘�跨��榛�璁ょ��澶�����
 
我们开始进行改造,
我们知道SharePoint的页面Load事件可以改造,
_spBodyOnLoadFunctionNames ,具体的描述可参考:
http://blogs.msdn.com/saurabhkv/archive/2009/06/22/javascript-pageload-add-function.aspx
 
我们在这个页面上添加一个“内容编辑器 Web 部件”,在源编辑器中增加如下代码:
 
<script type="text/javascript">
function Test()
{
changeLink()
}
function changeLink()
{
document.getElementById('ReplyLink1').innerHTML="发送祝福"
}
_spBodyOnLoadFunctionNames.push("Test()");
</script>
 
有关changeLink()函数的具体书写可参考:
更改一个链接的文本: http://www.w3school.com.cn/tiy/t.asp?f=hdom_anchor_href
ReplyLink1是通过查阅讨论板当前的源文件得出来的;如下图所示:
 
�ユ�剧��澶�����ID.
 
 
经过该内容编辑器的应用,我们完成了第一次的变脸,如下图所示:
 
 

这样做了之后, 缺点是我还需要对页面进行遍历处理“ReplyLink”的链接;
有没有办法很快的全部替换呢?
 
我查阅了一下,找到了 jQuery,
jQuery: http://jquery.com/
 
下载开发版,上传到你的SharePoint文档库中;
添加“内容编辑器”webPart,把代码复制进去;
_____________________________________________________________________________
<script type='text/javascript' src='/my/DocLib/jquery.js'></script>
<script type='text/javascript'>
$('table.ms-disc-bar').find('b').html('留言祝福');
</script>
_____________________________________________________________________________
注意要把webpart放到页面的底部!是因为加载是从上到下的;放到页面的上方,效果将不能出现。
解释
.find的使用参考: http://api.jquery.com/find/
table.ms-disc-bar
b
这两个信息是通过查页面的源文件处理的;如下图:
 
经过对“内容编辑器”应用,全部把“答复”替换了“留言祝福”,如下图:
 
终于实现了老板的需求,呵呵:)
 
 
 
 

本文出自 “SharePoint” 博客,转载请与作者联系!

你可能感兴趣的:(js,SharePoint,board,MOSS,讨论板,Discussion)