原文:http://blog.youkuaiyun.com/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 模式
- <span>
- <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_1,ty pe=sip'/>
- </span>
- </a>
- </span>
- <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='Us er Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a>Raghavendra Shanbhag
- </span>
- </span>
- <span>
- <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_1,ty pe=sip'/>
- </span>
- </a>
- </span>
- <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='Us er Presence'sip='test@hotmail.com'id='imn_2,type=sip'/></a>Raghavendra Shanbhag
- </span>
- </span>
<span>
<span class='ms-imnSpan'>
<a href='#' οnclick='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='#' οnclick='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 模式
- <div>
- <div>
- <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' s ip='test@hotmail.com'id='imn_1,type=sip'/></a>
- <span>
- <imgstyle="width:62px; height:62px; border:none"src="yourpictureUrl"alt=" Ram"/>
- </span>
- </span></span>
- </div>
- <divclass="ms-floatLeft ms-descriptiontext"><spanclass="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">
- <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>
- </span>
- </div>
- </div>
- <div>
- <div>
- <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' s ip='test@hotmail.com'id='imn_1,type=sip'/></a>
- <span>
- <imgstyle="width:62px; height:62px; border:none"src="yourpictureUrl"alt=" Ram"/>
- </span>
- </span></span>
- </div>
- <divclass="ms-floatLeft ms-descriptiontext"><spanclass="ms-verticalAlignTop ms-noWrap ms-displayInlineBlock">
- <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>
- </span>
- </div>
- </div>
<div>
<div>
<span>
<a href='#' οnclick='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='#' οnclick='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='#' οnclick='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 模式
- <div>
- <divclass="ms-tableRow">
- <div>
- <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='' 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>
- <divclass="ms-tableCell ms-verticalAlignTop">
- <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>
- </div>
- </div>
- <div>
- <divclass="ms-tableRow">
- <div>
- <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='' 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>
- <divclass="ms-tableCell ms-verticalAlignTop">
- <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>
- </div>
- </div>
<div>
<div class="ms-tableRow">
<div>
<span class='ms-imnSpan'>
<a href='#' οnclick='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='#' οnclick='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='#' οnclick='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 模式
- <div>
- <div>
- <divclass="ms-tableCell">
- <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>
- <divclass="ms-tableCell ms-verticalAlignTop">
- <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>
- </div>
- </div>
- </div>
- <div>
- <div>
- <divclass="ms-tableCell">
- <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>
- <divclass="ms-tableCell ms-verticalAlignTop">
- <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>
- </div>
- </div>
- </div>
<div>
<div>
<div class="ms-tableCell">
<span class='ms-imnSpan'><a href='#' οnclick='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='#' οnclick='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 模式:
- <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='' 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'/>
- </span>
- </a>
- </span>
- <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='' 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'/>
- </span>
- </a>
- </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