创建一个图文并茂的调查

SharePoint的调查列表默认只支持简单的文字调查, 并不能满足大部分时候的需求, 自己自定义出一个漂亮点的调查很需要费一番工夫, 为了让大部分对开发知之甚少的SharePoint管理员或者高级用户能够方便的制作一个图文并茂的调查,特写此文.

第一步&＃xff1a;建立一个普通的调查列表。

第二步&＃xff1a;在SharePoint Designer中打开这个调查&＃xff0c;上传一个图片备用。

第三步&＃xff1a;在SharePoint Designer中间新建一个HTML页面&＃xff0c;复制这个问题的显示样式

第四步&＃xff1a;将生成的代码复制下来&＃xff0c;粘贴到调查问题中间去&＃xff08;注意&＃xff0c;要包括Table标记&＃xff09;

预览一下&＃xff1a;

第五步&＃xff1a;将下面Javascript代码复制到各个文件去

小技巧&＃xff1a;如果你不知道什么地方应该放这些代码&＃xff0c;你就寻找文件中如下代码段&＃xff0c;里面有一段Javascript代码只要把你的代码放在下面就可以了。

预览结果&＃xff1a;

说明&＃xff1a;

这里Javascript代码的作用就是把被SharePoint转义的字符再次转回来&＃xff0c;这样图片等HTML格式就能够正常显示了。

更新 [2009-11-02]:

Thanks for Mike Sharp’s idea here: http://social.technet.microsoft.com/Forums/en-US/sharepointcustomization/thread/8b97bc31-f72d-4104-bd40-d8d72a8f7fbf

There should be a potential for XSS, and narrow the scope of what gets un-escaped should reduce the risks:

For DispForm, NewForm and EditForm pages. using
document.getElementById(&＃39;onetIDListForm&＃39;).rows[0].cells[0].innerHTML &＃61; document.getElementById(&＃39;onetIDListForm&＃39;).rows[0].cells[0].innerHTML.replace(//g,&＃39;>&＃39;);
For the Summary page doesn&＃39;t have the same onetIDListForm cell, using the ID of the web part zone TD cell:
document.getElementById(&＃39;MSOZoneCell_WebPartWPQ2&＃39;).innerHTML &＃61; document.getElementById(&＃39;MSOZoneCell_WebPartWPQ2&＃39;).innerHTML.replace(//g,&＃39;>&＃39;);