Universität Bielefeld

© Universität Bielefeld

Feeds des Veranstaltungskalenders einbinden (nur Roxen5)

So funktioniert's

  1. Kopieren Sie sich einen der beiden untenstehenden Code-Schnipsel (für die Contentbox- oder Seitenbox-Version)
  2. Mit dem Feedbuilder des Veranstaltungskalenders stellen Sie sich eine Feed-URL mit der gewünschten Fakultät/Einrichtung, Kategorie und Tags zusammen:
    zum Feedbuilder
  3. Anschließend fügen Sie die gerade erstellte Feed-URL an gekennzeichneter Stelle in den Code-Schnipsel ein (siehe farbige Hervorhebung im Quelltext)


Beispiel-Einbindung der ZLL-Events als Liste (Beispiel 1)

Events



Beispiel-Einbindung der Events als Contentboxen (Beispiel 2)



Code-Schnipsel für Contentbox-Version (Beispiel 1)

<!-- RSS-Feed -->
<script type="text/javascript">
  <!--
  jQuery(function() {

    jQuery.getFeed({
      url: 'https://50jahre.uni-bielefeld.de/alle-events/xml/?org=3227',
      success: function(feed) {
        var html = '';

        for(var i = 0; i < feed.items.length && i < 5; i++) {
          var item = feed.items[i];
          html += '<li>' + '<a href="' + item.link + '">' + item.title + '</a><br>' + ' <i>' + item.updated + '</i></li>';
        }
        jQuery('#event-feed').append(html);
      }
    });

  });
  -->
</script>
<!-- RSS-Feed-Ende -->

<div class="contentbox">
  <h2>Andere Feed-Einbindung</h2>
  <ul id="event-feed" class="pfeil-liste feed"></ul> <!-- In diesen Container werden automatisch die Feed-Inhalte geladen -->
</div>
Code-Schnipsel für Contentbox-Version (Beispiel 2)

<!-- RSS-Feed -->
<script type="text/javascript">
  <!--
  jQuery(function() {

    jQuery.getFeed({
      url: 'https://50jahre.uni-bielefeld.de/alle-events/xml/?org=3227',
      success: function(feed) {
        var html = '';

        for(var i = 0; i < feed.items.length && i < 5; i++) {
          var item = feed.items[i];
          html += '<div class="contentbox">'
          + '<a href="' + item.link + '"><h2>' + item.title + '</h2></a><br/>'
          + item.description + '<br/>'
          + '<a href="' + item.link + '"><i class="font-icon pfeil-rechts3 gruen small"></i> zum Veranstaltungskalender </a>'
          + '</div>';
        }
        jQuery('#event-feed').append(html);
      }
    });

  });
  -->
</script>
<!-- RSS-Feed-Ende -->

<div id="event-feed"></div> <!-- In diesen Container werden automatisch die Feed-Inhalte geladen -->
Code-Schnipsel für Seitenbox-Version (Beispiel 3)

<!-- RSS-Feed -->
<script type="text/javascript">
  <!--
  jQuery(function() {

    jQuery.getFeed({
      url: 'https://50jahre.uni-bielefeld.de/alle-events/xml/?org=3227',
      success: function(feed) {
        var html = '';

        for(var i = 0; i < feed.items.length && i < 5; i++) {
          var item = feed.items[i];
          html += '<li>' + '<a href="' + item.link + '">' + item.title + '</a><br>' + ' <i>' + item.updated + '</i></li>';
        }
        jQuery('#event-feed').append(html);
      }
    });

  });
  -->
</script>
<!-- RSS-Feed-Ende -->

<!-- Seitenboxen -->
<div class="seitenbox">
  <div class="infoboxrechts">
    <h2>Andere Feed-Einbindung</h2>
    <ul id="event-feed" class="pfeil-liste feed"></ul> <!-- In diesen Container werden automatisch die Feed-Inhalte geladen -->
  </div>
</div>

Einbindung in einer Seitenbox (Beispiel 3)

Events