调查问卷如何制作图片调查

Posted love007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了调查问卷如何制作图片调查相关的知识,希望对你有一定的参考价值。

单选图片调查

  1. 1.          首先建立个图片库上传图片

 

 

  1. 2.          选择单选题如下图:

 

 

格式如下:

#img_start width="100" height="120" src="http://win-i07fillcfom:8003/DocLib2/1.jpg" #img_end 张三

#img_start width="100" height="120" src="http://win-i07fillcfom:8003/DocLib2/2.jpg" #img_end 李四

#img_start width="100" height="120" src="http://win-i07fillcfom:8003/DocLib2/3.jpg" #img_end 王五

  1. 3.          编辑调查问卷的NewsForm.aspx页面,如下图:

插入【表单】-【html表单Web部件】如下图:

 

 

  1. 4.          插入后,编辑【HTML表单Web部件】源码管理器如下图:

插入如下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>

 

 

  1. 5.          采用:评估范围(一系列选项或 Likert 范围)制作,如下图:

http://win-i07fillcfom:8003/DocLib2/1.jpg

http://win-i07fillcfom:8003/DocLib2/2.jpg

http://win-i07fillcfom:8003/DocLib2/3.jpg

 

 

  1. 6.          同样在【HTML表单Web部件】插入如下js代码

// make sure this points to the correct place where the jQuery file is stored on the server

<script type="text/javascript" src="http://win-i07fillcfom/_layouts/TCL.EP.GPortal.UI/Js/jquery-1.8.0.js"></script>

 

<script>

$(document).ready(function() {

    $("th.ms-gridT1").each(function(index) { 

   var imgHtml = "<div><img width=\'100\' height=\'120\' src=\'" + $(this).text() +"\'/>";

 

  $(this).html(imgHtml);

  });

 

 

});

</script>

  1. 7.          保存所有的编辑内容。
  2. 8.          效果图:

 

 

以上是关于调查问卷如何制作图片调查的主要内容,如果未能解决你的问题,请参考以下文章

郭佳庆(201551296)第二次作业:调查问卷的制作

调查问卷的编写过程

倪静(201550919)第二次作业网络调查问卷的制作

作业二网络调查问卷制作

制作网络调查问卷

调查问卷与心得体会