2013-07-03 74 views
0

我已調整spjsblog的以下代碼以在我的SharePoint網站上工作。該代碼是一個Jquery腳本,用於在用戶將鼠標懸停在列表中的鏈接上時在預覽窗格中顯示圖像。SharePoint 2010:懸停在新項目表單中的圖像預覽

<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),因此用戶在填寫字段時可以使用某些項目代碼。

當鼠標懸停在鏈接上時,如何讓此代碼顯示預覽窗格?我相信這個改變與函數的第二行有關,但我不確定如何引用代碼中的字段。

回答

0

對於那些想知道我想出如何使這項工作在一個新的項目形式。我改變了下面的代碼行:

$("table.ms-listviewtable td.ms-vb2 a").hover(function(e){ 

$("td.ms-vb2 a").hover(function(e){