SharePoint调查添加图片支持的方法

今天,碰到一个有趣的问题,就是SharePoint调查里面,添加对于图片的支持,众所周知,SharePoint的调查就支持那么几种字段类型的问题,当然,我们可以开发实现,不过,这个不是我们今天介绍的,我们今天介绍的是js实现的无代码开发。

下面,看看我们要实现的效果图,如下图(参与调查的页面,其实这个是我已经做好的页面):

如上图的,带着图片的选项,在SharePoint自带字段里很难实现,所以,我就想把img标签写在页面上,然后发现当做文字输出到页面上,我就想到用js脚本,替换img标签,所以,我修改了调查里面的选项内容,如下图所示(调查内的选项):

查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/web/sharepoint/

选项的详细文字:

#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 张三
#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 李四
#img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 王五

如上面文字,我把img标签的前后,用#img_start和#img_end替换了,这样也是方便我们使用js脚本进行replace替换,js脚本附后,有兴趣的可以参考下:

<script type="text/javascript">
var divobj = document.getElementsByTagName("LABEL");
for(var i=0;i<divobj.length;i++)
{
if(divobj[i].innerHTML.indexOf("#img_start")>=0)
{
var str = divobj[i].innerHTML;
str =str.replace("#img_start","<img");
str =str.replace("#img_end","></img>");
divobj[i].innerHTML=str;
}
}
</script>

在页面上添加一个内容编辑器web部件,然后将脚本放进去,点击确定,发现达到了我们想要的效果,然后,同样用js脚本实现调查的统计页面(如下图),这里我也就不多废话了,大家直接看效果吧。

后记:本来就是一个很简单的思路,我想把这些分享给大家。对于SharePoint现在开发人员越来越多,我的理念依旧是:除非必须,绝对不懂代码。当然,这个问题也有代码实现的,链接我附后了,大家可以对比下两种实现方式。呵呵,很晚了,睡觉。大家晚安。

附自定义字段实现:http://blog.csdn.net/cxx2325938/article/details/8284741

时间: 2024-10-28 14:00:50

SharePoint调查添加图片支持的方法的相关文章

SharePoint 调查添加图片支持

前言:今天,碰到一个有趣的问题,就是SharePoint调查里面,添加对于图片的支持,众所周知,SharePoint的调查就支持那么几种字段类型的问题,当然,我们可以开发实现,不过,这个不是我们今天介绍的,我们今天介绍的是js实现的无代码开发. 下面,看看我们要实现的效果图,如下图(参与调查的页面,其实这个是我已经做好的页面): 如上图的,带着图片的选项,在SharePoint自带字段里很难实现,所以,我就想把img标签写在页面上,然后发现当做文字输出到页面上,我就想到用js脚本,替换img标签

Mybatis添加Ehcache支持的方法_java

1.Mybatis默认的缓存配置 MyBatis 包含一个非常强大的查询缓存特性,它可以非常方便地配置和定制. Mybatis缓存包含全局的缓存和局部的缓存,全局的缓存可以讲主配置文件的setting属性的参数cacheEnabled设置为true(好吧,默认为true),局部的二级缓存默认情况下是没有开启的,要开启二级缓存,你需要在你的 SQL 映射文件中添加一行:<cache/> eviction(回收策略) 默认的是 LRU.可选择项有FIFO,SOFT,WEAK flushInterv

excel 2007添加图片批注具体方法

excel 2007的批注中可以通过设置批注样式实现图片插入,office2003没有此功能. 有时候,为了制作信息量大又简洁的表格,我们需要为Excel表格的单元格添加可隐藏的图片,并且当鼠标指向单元格,就自动显示图片,移开则不显示,这个鼠触互动效果是不是很酷? 要实现Excel表格中鼠标指向单元格就出现相关图片的互动效果,只要通过Excel2007的添加图片批注功能就可以轻松做到. 下面,我们以制作产品列表为例,展示具体的添加图片方法. 鼠标指向单元格,自动显示预设图片 单个添加图片 右击目

win8系统下添加图片密码的方法

  现在的科技真是越来越发达了,设置密码已不再满足于数字密码.图案密码等,现在有一种新型设置密码的方法,就是图片密码,可以用图片设置设置密码,这是win8系统中中新功能.图片密码可以有效保护我们的触摸屏,我们可以自定义选择一张你喜欢的图片,然后在图片上画出不同的手势,和手机解锁手势一样的样式,不仅支持自定义而且保密功能也强大,作为一种新型的解锁方式,大家可以设置看看! 其实win8中的图片密码是一种新增的保护触摸屏的技术,我们可以通过选择图片并画出各种不一样的手势来创建密码,各种方式显得更加的新

Vista IIS7添加PHP支持的方法_win服务器

最后我还是用的老方法,ISAPI,选用了一个5.3以前的版本,我选的是5.2.11. php-5.2.11-Win32.zip的下载地址http://cn2.php.net/distributions/php-5.2.11-Win32.zip如果上面的地址不好始,也可以去下面这个地址去从其他镜像下载http://www.jb51.net/softs/2180.html把php-5.2.11-Win32.zip下载回来之后,把里面的文件解压到C:\php目录下(或者是D盘E盘也都行,只是我习惯放C

sharepoint 2010扩展调查字段属性(2) 增加图片支持

除了扩展图片评选功能,还可以扩展多一个评论功能,如下图: 只需要在原来的基础上sharepoint 2010 扩展调查字段属性(1)-增加图片支持,创建多一个叫评论的问题,选择TxtForSurvey问题类型,如下图: 配置完成后,点击完成.就可以实现在评选的时候,允许添加评论. 查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/web/sharepoint/

sharepoint 2010 扩展调查字段属性(1) 如何增加图片支持

最近公司有个需求,年底了,公司有很多评选,例如优秀员工评选,旅游活动投票等,想利用sharepoint上的调查功能,进行一系列的评选和投票,但是发现sharepoint自带的调查字段选择,只有简单的一些单选,多选,而且不能动态控制评选或投票的截止日期,过期时间,也没有可以添加图片,进行投票,如下图 所以我们需要对其进行扩展,做到可以支持图片显示,并且随意排列. 假设要做一个优秀员工评选,如下图: 我们在sharepoint 2010上做这样的功能,需要两个步骤 1.创建一个员工图片库,来存放员工

Excel 2013中为数据区域添加背景图片的的方法

  Excel 2013中为数据区域添加背景图片的的方法           1.启动Excel 2013并打开工作表,在"页面布局"选项卡的"页眉设置"组中单击"背景"按钮,如图1所示. 图1 单击"背景"按钮 2.打开"插入图片"窗口,单击"来自文件"按钮,如图2所示.此时将打开"工作表背景"对话框,选择作为背景的图片后单击"插入"按钮将其插入

WPS表格中支持添加图片吗

  抱歉,目前WPS表格中还不支持添加图片,另外由于支持插件会导致版本不太稳定,2012版本改版后尚不支持插件,但后续会将部分插件功能集成回来的.