0

現在、ホームページの外部 Web サイトへのリンクのリストが要約 Web パーツ ビューに表示されています。これらのリンクには、Google、会社の Web サイト、新聞サイトなどが含まれます。Sharepoint が使用する箇条書き (square.gif) の代わりに、リンク先の Web サイトの実際のロゴが必要です。

「タイプ」などの列を追加しようとしましたが、別の Web ページにリンクしているという画像が表示されるだけで、これは望ましくありません。

私はこのスレッドに出くわしました:最後の答えは、私が使用できるもののように見えます:

    <script language="javascript" type="text/javascript">
    var arrElements = document.getElementsByTagName("img");
    for (var i=0; i<arrElements.length; i++) {
            //get pointer each image element:
            var element=arrElements[i];
            //check for a source with /images/square.gif from this site:
            if (element.getAttribute('src') == 
                      "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") {
                //found... change it's src to our new image:
                element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif');
            }
        }
</script>

各ポイントを同じ画像に設定する場所を、各 Web サイトを見てロゴのサムネイル (ブラウザーの上部にあるタブにある小さな画像のようなもの) を取得する JavaScript に変更する必要があります。

4

1 に答える 1

0

jQueryの力が必要だと思います。これにより、さらに一歩進める必要があります。

<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
 </head>

 <body>
<ul id="myList">
    <li><a href="http://www.google.gr">google</a></li>  
    <li><a href="http://news.in.gr">in news</a></li>    
    <li><a href="http://www.star.gr">star</a></li>  
</ul>
<script type="text/javascript">
$('#myList li').each(function() {
    var href = $(this).children("a").prop("href");
    var discImage = "url('" + href + "favicon.ico')";
    // alert(discImage );
    $(this).css("list-style-image", discImage);
});
</script>
</body>
</html>

ファビコンは（おそらく）すべてのサイトで同じ名前を持つ唯一の画像ですが、常に同じサイズであるとは限りません（たとえば、Googleのものを確認してください）.

ライブデモはこちら --> http://jsfiddle.net/Mt7XA/お楽しみください!

于 2012-12-20T22:34:40.500 に答える