Mrz 12

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

Your email address will not be published.

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