转：SharePoint 2013 显示用户Lync是否在线（集成Lync）

原文：http://blog.csdn.net/abrahamcheng/article/details/9990355

本文讲述如何在SharePoint 2013 中显示用户Lync的状态（是否在线等）。

一共五种显示模式：

显示模式 Lync的状态 用户名 用户照片
DefaultRender Yes Yes No
WithPicture Yes Yes Yes
WithPictureDetails Yes Yes Yes
PictureOnly Yes No Yes
PresenceOnly Yes No No

 

 

 

 

代码实现方式如下(注意替换邮件地址和userpictureUrl，按邮件地址确定用户)：

1. DefaultRender 模式

 

[html] view plaincopyprint?
  1. <span>
  2. <spanclass='ms-imnSpan'>
  3.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'>
  4.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'>
  5.     <imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src=   '/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_1,ty    pe=sip'/> 
  6.    </span>
  7.   </a>
  8. </span>
  9. <span>
  10. <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'>
  11. <imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='Us  er Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a>Raghavendra Shanbhag
  12. </span>
  13. </span>
[html] view plaincopyprint?
  1. <span> 
  2. <spanclass='ms-imnSpan'> 
  3.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
  4.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'> 
  5.     <imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src=    '/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_1,ty    pe=sip'/> 
  6.    </span> 
  7.   </a> 
  8. </span> 
  9. <span> 
  10. <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'> 
  11. <imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='Us  er Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a>Raghavendra Shanbhag 
  12. </span> 
  13. </span>  
<span>
 <span class='ms-imnSpan'>
  <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >
   <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'>
    <img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src=    '/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_1,ty    pe=sip' />
   </span>
  </a>
 </span>
<span>
 <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'>
<img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='Us  er Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></a>Raghavendra Shanbhag
</span>
</span>

2. WithPicture 模式

 

 

[html] view plaincopyprint?
  1. <div>
  2. <div>
  3.     <span>
  4.        <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'       title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence' s      ip='test@hotmail.com'id='imn_1,type=sip'/></a>
  5.    <span>
  6.    <imgstyle="width:62px; height:62px; border:none"src="yourpictureUrl"alt=" Ram"/> 
  7.    </span>
  8.   </span></span>
  9. </div>
  10. <divclass="ms-floatLeft ms-descriptiontext"><spanclass="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">
  11.     <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'><spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></span></a></span><spanclass="ms-noWrap ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3,type=sip'/></a>Ram</span>
  12. </span>
  13. </div>
  14. </div>
[html] view plaincopyprint?
  1. <div> 
  2. <div> 
  3.     <span> 
  4.        <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'        title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence' s       ip='test@hotmail.com'id='imn_1,type=sip'/></a> 
  5.    <span> 
  6.    <imgstyle="width:62px; height:62px; border:none"src="yourpictureUrl"alt=" Ram"/> 
  7.    </span> 
  8.   </span></span> 
  9. </div> 
  10. <divclass="ms-floatLeft ms-descriptiontext"><spanclass="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock"> 
  11.     <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'><spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title=''ShowOfflinePawn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></span></a></span><spanclass="ms-noWrap ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3,type=sip'/></a>Ram</span> 
  12. </span> 
  13. </div> 
  14. </div>  
<div>
<div>
    <span>
       <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark'        title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' s       ip='test@hotmail.com' id='imn_1,type=sip' /></a>
   <span>
   <img style="width:62px; height:62px; border:none" src="yourpictureUrl" alt=" Ram" />
   </span>
  </span></span>
</div>
<div class="ms-floatLeft ms-descriptiontext"><span class="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">
    <span class='ms-imnSpan'><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' ><span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><img name='imnmark' title='' ShowOfflinePawn='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></span></a></span><span class="ms-noWrap ms-imnSpan"><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_3,type=sip' /></a>Ram</span>
</span>
</div>
</div>

 

3. WithPictureDetails 模式

 

[html] view plaincopyprint?
  1. <div>
  2. <divclass="ms-tableRow">
  3. <div>
  4.   <spanclass='ms-imnSpan'>
  5.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'>
  6.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePaw  n='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='   User Presence'sip='test@hotmail.com'id='imn_661,type=sip'/></span>
  7.   </a>
  8.   </span></span>
  9. </div>
  10. <divclass="ms-tableCell ms-verticalAlignTop">
  11. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3452,type=sip'/></a><span><imgstyle="width:62px; height:62px; border:none"src="userpictureUrl"alt=" Ram"/></span></span></span></div></div><divclass="ms-tableCell ms-peopleux-userdetails ms-noList"><ulstyle="max-width:150px"><li><divclass="ms-noWrap"><span><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_34523,type=sip'/></a>Raghavendra Shanbhag</span></div></li></ul></div>
  12. </div>
  13. </div>
[html] view plaincopyprint?
  1. <div> 
  2. <divclass="ms-tableRow"> 
  3. <div> 
  4.   <spanclass='ms-imnSpan'> 
  5.   <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
  6.    <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePaw   n='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt='   User Presence'sip='test@hotmail.com'id='imn_661,type=sip'/></span> 
  7.   </a> 
  8.   </span></span> 
  9. </div> 
  10. <divclass="ms-tableCell ms-verticalAlignTop"> 
  11. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_3452,type=sip'/></a><span><imgstyle="width:62px; height:62px; border:none"src="userpictureUrl"alt=" Ram"/></span></span></span></div></div><divclass="ms-tableCell ms-peopleux-userdetails ms-noList"><ulstyle="max-width:150px"><li><divclass="ms-noWrap"><span><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_34523,type=sip'/></a>Raghavendra Shanbhag</span></div></li></ul></div> 
  12. </div> 
  13. </div>  
<div>
<div class="ms-tableRow">
 <div>
  <span class='ms-imnSpan'>
  <a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-presenceLink' >
   <span class='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><img name='imnmark' title='' ShowOfflinePaw   n='1' class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32' src='/_layouts/15/images/spimn.png?rev=23' alt='   User Presence' sip='test@hotmail.com' id='imn_661,type=sip' /></span>
  </a>
  </span></span>
</div>
<div class="ms-tableCell ms-verticalAlignTop">
<div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_3452,type=sip' /></a><span><img style="width:62px; height:62px; border:none" src="userpictureUrl" alt=" Ram" /></span></span></span></div></div><div class="ms-tableCell ms-peopleux-userdetails ms-noList"><ul style="max-width:150px"><li><div class="ms-noWrap"><span><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_34523,type=sip' /></a>Raghavendra Shanbhag</span></div></li></ul></div>
</div>
</div>

 

4. PictureOnly 模式

 

 

[html] view plaincopyprint?
  1. <div>
  2. <div>
  3. <divclass="ms-tableCell">
  4.   <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-prese  nceLink'><spanclass='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'><imgname='imnmark'title=''ShowOfflinePawn= '1'class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User   Presence'sip='test@hotmail.com'id='imn_1,type=sip'/></span></a></span></span></div>
  5. <divclass="ms-tableCell ms-verticalAlignTop">
  6. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a><spanclass="ms-peopleux-imgUserLink"><spanclass="ms-peopleux-userImgWrapper"style="width:72px; height:72px"><imgstyle="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px"src="userpictureurl"alt=" Ram"/></span></span></span></div>
  7. </div>
  8. </div>
  9. </div>
[html] view plaincopyprint?
  1. <div> 
  2. <div> 
  3. <divclass="ms-tableCell"> 
  4.   <spanclass='ms-imnSpan'><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-prese  nceLink'><spanclass='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'><imgname='imnmark'title=''ShowOfflinePawn=  '1'class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32'src='/_layouts/15/images/spimn.png?rev=23'alt='User   Presence'sip='test@hotmail.com'id='imn_1,type=sip'/></span></a></span></span></div> 
  5. <divclass="ms-tableCell ms-verticalAlignTop"> 
  6. <divclass="ms-peopleux-userImgDiv"><spanclass="ms-imnSpan"><ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink'tabIndex='-1'><imgname='imnmark'title=''ShowOfflinePawn='1'class=' ms-hide'src='/_layouts/15/images/spimn.png?rev=23'alt='User Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a><spanclass="ms-peopleux-imgUserLink"><spanclass="ms-peopleux-userImgWrapper"style="width:72px; height:72px"><imgstyle="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px"src="userpictureurl"alt=" Ram"/></span></span></span></div> 
  7. </div> 
  8. </div> 
  9. </div>  
<div>
<div>
<div class="ms-tableCell">
  <span class='ms-imnSpan'><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink ms-spimn-prese  nceLink' ><span class='ms-spimn-presenceWrapper ms-spimn-imgSize-8x72'><img name='imnmark' title='' ShowOfflinePawn=  '1' class='ms-spimn-img ms-spimn-presence-disconnected-8x72x32' src='/_layouts/15/images/spimn.png?rev=23' alt='User   Presence' sip='test@hotmail.com' id='imn_1,type=sip' /></span></a></span></span></div>
<div class="ms-tableCell ms-verticalAlignTop">
<div class="ms-peopleux-userImgDiv"><span class="ms-imnSpan"><a href='#' onclick='IMNImageOnClick(event);return false;' class='ms-imnlink' tabIndex='-1'><img name='imnmark' title='' ShowOfflinePawn='1' class=' ms-hide' src='/_layouts/15/images/spimn.png?rev=23' alt='User Presence' sip='test@hotmail.com' id='imn_2,type=sip' /></a><span class="ms-peopleux-imgUserLink"><span class="ms-peopleux-userImgWrapper" style="width:72px; height:72px"><img style="min-width:72px; min-height:72px; clip:rect(0px, 72px, 72px, 0px); max-width:72px" src="userpictureurl" alt=" Ram" /></span></span></span></div>
</div>
</div>
</div>

5. PresenceOnly 模式:

 

 

[html] view plaincopyprint?
  1. <spanclass='ms-imnSpan'>
  2.    <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'>
  3.     <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePa   wn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt    ='User Presence'sip='test@hotmail.com'id='imn_1,type=sip'/>
  4.    </span>
  5.   </a>
  6. </span>
[html] view plaincopyprint?
  1. <spanclass='ms-imnSpan'> 
  2.    <ahref='#'onclick='IMNImageOnClick(event);return false;'class='ms-imnlink ms-spimn-presenceLink'> 
  3.     <spanclass='ms-spimn-presenceWrapper ms-imnImg ms-spimn-imgSize-10x10'><imgname='imnmark'title='' ShowOfflinePa    wn='1'class='ms-spimn-img ms-spimn-presence-disconnected-10x10x32'src='/_layouts/15/images/spimn.png?rev=23'alt    ='User Presence'sip='test@hotmail.com'id='imn_1,type=sip'/> 
  4.    </span> 
  5.   </a> 
  6. </span> 

P.S Get user SIP Address

　　1.Sync from AD

　　2

     

　　3.it does not work in updatepanel,i think it works when page load

　　4.set the id for <Img>

　　　　

　　4. whitout </img> it does not work in other browes,such as Mozilla Firefox

 

posted @ 2013-11-04 09:33  【上海】Peter  阅读(301)  评论(0)  编辑  收藏  举报