我们公司就借助这个讨论板为大家给过生日的同事留下祝福。管理员建立一个新的生日祝福主题,同事们就可以跟进答复了。但是老板看了之后,觉得“答复”按钮比较别扭,建议修改。
 
这个简单的需求看起来比较简单,但是真正要去实施的时候,还是需要多种技术的。先将我的思路与大家进行分享。
 
同学们看看,下图是默认的讨论板样式:
璁ㄨ鏉跨殑榛樿绛斿鎸夐挳
 
我们开始进行改造,
我们知道SharePoint的页面Load事件可以改造,
_spBodyOnLoadFunctionNames ,具体的描述可参考:
 
我们在这个页面上添加一个“内容编辑器 Web 部件”,在源编辑器中增加如下代码:
 
<script type="text/javascript">
function Test()
{
changeLink()
}
function changeLink()
{
document.getElementById('ReplyLink1').innerHTML="发送祝福"
}
_spBodyOnLoadFunctionNames.push("Test()");
</script>
 
有关changeLink()函数的具体书写可参考:
ReplyLink1是通过查阅讨论板当前的源文件得出来的;如下图所示:
 
鏌ユ壘绛斿鎸夐挳ID.
 
 
经过该内容编辑器的应用,我们完成了第一次的变脸,如下图所示:
 
 

这样做了之后, 缺点是我还需要对页面进行遍历处理“ReplyLink”的链接;
有没有办法很快的全部替换呢?
 
我查阅了一下,找到了 jQuery,
 
下载开发版,上传到你的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
这两个信息是通过查页面的源文件处理的;如下图:
 
经过对“内容编辑器”应用,全部把“答复”替换了“留言祝福”,如下图:
 
posted on 2011-05-19 14:36  寂寞的DBOY  阅读(287)  评论(0编辑  收藏  举报