首页 > 代码库 > 笑男手札:如何隐藏SharePoint 2010中调查(Survey)的保存并关闭(Save and Close)按钮

笑男手札:如何隐藏SharePoint 2010中调查(Survey)的保存并关闭(Save and Close)按钮

今天遇到一个case,收益匪浅,留此随笔记录:

利用JavaScript将SharePoint 2010中,新调查(Survey)页面的保存并关闭(Save and Close)按钮隐藏。

这个请求的原因还是因为客户对于页面的按钮功能有误解,如下图:

Buttons4NewSurvey.jpg

 

可以看到,有的调查由于设计的原因,会在回答调查的新页面中出现保存并关闭(Save and Close)按钮。

有些客户在进行调查时,认为点击这个按钮,就已经完成了所有的问卷。其实,这个按钮的作用只是保存当前已经完成的调查内容,而并不是全部内容。Next按钮才是进行下一页的调查问卷,Finish按钮才是完成全部调查(此截图未包含此按钮)。所以,为了避免这种误导,有的客户提出想将保存并关闭(Save and Close)按钮进行隐藏。

首先,需要将以下脚本保存为.js文件(例如hidebutton.js):

<script type=”text/javascript”>
var x=document.getElementsByTagName(“input”);
for (var i=0; i<x.length; i++)
{
if (x.item(i).type==”button” && x.item(i).value=http://www.mamicode.com/=”Save and Close”)
{
x.item(i).style.display=”none”;
}
}
</script>

然后,通过全部站点内容(All Site Content)进入文档库下面的Style Library的文件库中:

StyleLibrary.jpg

 

然后就是需要在调查的问卷页面添加一个内容编辑器(Content Editor Web Parts)。我在这里遇到一些问题,那就是怎么编辑问卷页面。其实就是在弹出的页面,右键查看属性。

NewSurveyPage.jpg

复制URL地址,注意不用复制?后面的参数,然后在新页面打开,并通过网站操作(Site Action)下面的编辑页面(Edit Page),添加一个新的WebPart。

我在这里又遇到一个新的问题,就是点击添加新的WebPart,页面没有反应:(。

解决方案就是在地址栏后面添加参数"?toolpanveiw=2",就可以在页面调出添加WebParts的窗口了(如下图右侧):

toolpanveiw=2.jpg

然后就是编辑内容编辑器的属性,将JavaScript文件的相对URL放到内容链接处(Content Link):

JavaScriptProperty.jpg

 

ContentEditorProperty.jpg

保存,刷新,测试:

Buttons4NewSurvey2.jpg

成功!!!

感谢各位看官 :)

 

Reference:

How To Hide Save & Close For Surveys Using JavaScript

笑男手札:如何隐藏SharePoint 2010中调查(Survey)的保存并关闭(Save and Close)按钮