вторник, 17 марта 2015 г.

Создание опроса с картинками в SharePoint 2013

Для того, чтобы можно было использовать картинки в опросах, необходимо скачать jquery (я использовал jquery-1.11.1.min.js). Затем в формах создания, просмотра, редактирования и просмотра всех ответов добавить следующее:
1) В форме NewForm.aspx ищем раздел
</SharePoint:UIVersionedContent>
                <table class="ms-core-tableNoSpace" id="onetIDListForm">
                 <tr>
                  <td>
И после него вставляем
 <script type="text/javascript" src="../../JS/jquery-1.11.1.min.js"></script>
<script type="text/javascript">$(document).ready(function() {$(".ms-RadioText").parent().parent().parent().parent().css("position","relative").css("top","10px");$(".ms-RadioText").each(function(){img =$(this).attr("Title");$(this).attr("Title","");$(this).find("label").html("");$(this).append(img);})});</script>

2) В форме DispForm.aspx ищем раздел
</SharePoint:UIVersionedContent>
                <table class="ms-core-tableNoSpace" id="onetIDListForm">
                 <tr>
                  <td>
 И после него вставляем:
<script type="text/javascript" src="../../JS/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ms-formbody").each(function(){
var newtext=$(this).html().replace("&lt;","<").replace("&gt;",">").replace("&lt;","<").replace("&gt;",">").replace("&lt;","<").replace("&gt;",">");
$(this).html(newtext)
});
});
</script>
3) В форме EditForm.aspx ищем раздел
</SharePoint:UIVersionedContent>
                <table class="ms-core-tableNoSpace" id="onetIDListForm">
                 <tr>
                  <td>
 И после него вставляем:
<script type="text/javascript" src="../../JS/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".ms-RadioText").parent().parent().parent().parent().css("position","relative").css("top","10px");
$(".ms-RadioText").each(function(){
img =$(this).attr("Title");
$(this).attr("Title","");
$(this).find("label").html("");
$(this).append(img);
})
});
</script>
 4) В форме summary.aspx ищем раздел
<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
И после него вставляем:
<script type="text/javascript" src="../../JS/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ms-vb").each(function(){
var newtext=$(this).html().replace("&lt;","<").replace("&gt;",">").replace("&lt;","<").replace("&gt;",">").replace("&lt;","<").replace("&gt;",">");
$(this).html(newtext)
});
});
</script> 
 Каждый вариант ответа в опросе должен выглядеть следующим образом:
<a href="../../PublishingImages/Original/Patrioty/dementevich_anna.jpg" target="_blank"><img src="../../PublishingImages/Preview/Patrioty/dementevich_anna.jpg"></a>

При этом соответствующий jQuery должен лежать в папке «JS» в корне сайта (если будет другое место – необходимо поменять путь до файла во всех кусках кода) 

1 комментарий: