spjsblogの次のコードをSharePoint サイトで動作するように変更しました。このコードは、ユーザーがリスト内のリンクにカーソルを合わせたときにプレビュー ペインに画像を表示する Jquery スクリプトです。
<script type="text/javascript" src="../../Javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function imagePreview(){
arrOfImageTypes = ['jpg','jpeg','gif','png'];
$("table.ms-listviewtable td.ms-vb2 a").hover(function(e){
var href = this.href;
var img = href.substring(href.lastIndexOf('.')+1).toLowerCase();
if(href.indexOf('http')==0 && $.inArray(img,arrOfImageTypes)>-1){
$("body").append("<img id='preview' src='"+ this.href +"' alt='Image preview' />");
}
var obj = $("#preview");
var offset = $(this).offset();
var winHeight = $(window).height();
var winWidth = $(window).width();
var scrollLeft = $(window).scrollLeft();
var scrollTop = $(window).scrollTop();
var objHeight = obj.outerHeight();
var objWidth = obj.width()+15;
if(((winWidth+scrollLeft)-offset.left)<objWidth){
offset.left=((winWidth+scrollLeft)-objWidth);
}
var maxHeight = (winHeight+scrollTop)-offset.top;
if(objHeight>maxHeight){
if(offset.top-scrollTop>objHeight){
offset.top=offset.top-objHeight-20;
}
height = (objHeight<winHeight)?objHeight:winHeight;
}
obj.css({"position":"absolute","top":(offset.top+20)+"px","left":offset.left+20}).fadeIn("fast");
},
function(){
$("#preview").remove();
});
};
// Call the script on page load
$(document).ready(function(){
imagePreview();
});
これをさらに適応させて、新しいアイテムフォームに含めたリンクで機能するようにしようとしています. このリンクは参照シート (jpeg) へのリンクであるため、ユーザーはフィールドに入力するときに特定のアイテム コードを使用できます。
リンクの上にカーソルを置いたときに、このコードをプレビュー ペインに表示するにはどうすればよいですか? 変更は関数の 2 行目のどこかにあると思いますが、コード内でフィールドを参照する方法がわかりません。