jQuery Newsticker mit RSS-Anzeige WebPart

Ein Nachtrag zu jQuery Einzeiler macht Inhaltsabfrage WebPart zu Newsticker von neulich. Richtig interessant wird so etwas natürlich mit dem RSS-Anzeige WebPart von SharePoint. Das WebPart zeigt per Default nur den Titel jedes Beitrags an, trotzdem wird die Beschreibung jeweils mit in die Seite gerendert aber im CSS auf display:none gestellt.

Das ermöglicht eine schicke Präsentation, wie diese hier:

http://screencast.com/t/cH9sutNfl

Dazu müssen nur zwei Änderungen vorgenommen werden:

1. Im XSL-Editor das <div class=“groupheader item medium“> … </div> entfernen.

2. Folgendes JavaScript einfügen:

<script src="/pfad-zu-jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    setInterval(function(){
        $('.slm-layout-main div:first div.description').slideUp();
        $('.slm-layout-main div:first').slideUp( function () {
            $(this).appendTo($('.slm-layout-main')).slideDown( function () {
                $('.slm-layout-main div:first div.description').slideDown();
            });
        });
    }, 5000);
</script>

Danach kann natürlich optional per CSS aufgehübscht werden. Viel Spaß!

Schreibe einen Kommentar

Deine Email-Adresse wird nicht veröffentlicht.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.