獲取MOSS頁面中控件使用的樣式

在Windows SharePoint Services 3.0的SDK中關於描述CSS的部分有這麼一段代碼,可以獲取頁面中各個控件使用的樣式,方便修改默認樣式,而不用在樣式列表中花很長時間去搜索。
 
在需要獲取樣式的頁面添加一個內容編輯器Web部件

然後打開內容編輯器設置中的源編輯器,輸入如下的代碼
<script language="jscript">
function ClassInfo()
{
    if (window.event.srcElement.className != null)
    {
        stsclass.innerText = window.event.srcElement.className;
    }
    else
    {
        stsclass.innerText = "";
    }
}
 
window.document.body.onmouseover = ClassInfo;</script>
 
<div style="border-style:solid;border-width:1px; width: 281px; height: 34px;
position: absolute; left: 286px; top: 41px; z-index:15; padding-left:4px;
padding-right:4px; padding-top:2px; padding-bottom:2px; background-color:#EEEEF4">
<p id="stsclasstitle"><font face="Tahoma" id="Font1">Classname: </font>
<font face="Tahoma"id="stsclass"> </font>
</p></div>
點擊確定後,當鼠標移到頁面上某個控件上的時候就會在頁面上顯示出該控件使用的樣式名。
如果覺得位置不好可以修改style中position的值來更改位置。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章