Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

externe RSS Feeds in Portal-Block anzeigen lassen

Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 1
BookmarksBookmarks: 1
Views: 1909

externe RSS Feeds in Portal-Block anzeigen lassen

Post#1by DirkS » 18.07.2013 23:05

Hallo !

Ich möchte gerne externe RSS Feeds von einer Website
Code: Select all
http://www.motorradonline.de/rss_nachrichten.xml
in einem Portalblock anzeigen lassen.
Welche Einstellungen muss ich vornehmen?

Sollte dann so ähnlich aussehen:

Image
User avatar
DirkS
Foren Mitglied
Foren Mitglied
 
Posts: 101
Joined: 09.2012
Cash on hand: 3,459.91 Points
Thanks: 22
Thanked: 10 times in 8 posts
Gender: Male

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Post#2by Teamleiter & Techniker Gooof » 19.07.2013 00:34

jQuery Feed Reader
Code: Select all
<script src="http://img.userboard.org/images/js/jquery.zrssfeed.min.js" type="text/javascript"></script>
<div id="js-feed-placeholder"></div>
<script type="text/javascript">
jQuery(document).ready(function () {
  jQuery('#js-feed-placeholder').rssfeed('http://www.motorradonline.de/rss_nachrichten.xml', {
    limit: 5
  });
});
</script>

Den Code einfach als HTML Code im Portal Editor oder auch in einem Template oder BBCode eintragen.

Anleitung: http://www.zazar.net/developers/jquery/zrssfeed/
Demo: homepage/jquery-feed-reader.html
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Post#3by Teamleiter & Techniker Gooof » 21.07.2013 14:02

Um nun einen zweiten oder egal wieviele Feeds auf einer Seite auszugeben, reicht es,
alle Vorkommen von js-feed-placeholder in js-feed-placeholder2 umzubenennen, sowie natürlich auch die RSS Feed URL.

Den Code muss man dafür natürlich auch 2x einbinden.


Noch ein Beispiel
Code1:
Code: Select all
<script src="http://img.userboard.org/images/js/jquery.zrssfeed.min.js" type="text/javascript"></script>
<div id="js-feed-placeholder"></div>
<script type="text/javascript">
jQuery(document).ready(function () {
  jQuery('#js-feed-placeholder').rssfeed('http://www.motorradonline.de/rss_nachrichten.xml', {
    limit: 5
  });
});
</script>

Code2:
Code: Select all
<div id="js-feed-placeholder2"></div>
<script type="text/javascript">
jQuery(document).ready(function () {
  jQuery('#js-feed-placeholder2').rssfeed('http://www.motorradonline.de/rss_nachrichten.xml?2', {
    limit: 5
  });
});
</script>
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Post#4by Teamleiter & Techniker Gooof » 21.07.2013 14:21

Dazu nun auch noch einen mit Animation.
Dies ist Beispiel 2 auf der Demo Seite: homepage/jquery-feed-reader.html

Syntax: [ Raw ] [ Download ] [ Verstecken ]
javascript Code
  1. <div id="sjs-feed-placeholder"></div>
  2. <script type="text/javascript">
  3. /*
  4. * Tadas Juozapaitis ( kasp3rito gmail.com )
  5. *
  6. * Modifed by Zazar:
  7. * 24.06.2011 - Corrected pausing issue with multiple instances
  8. *
  9. */
  10. (function($){
  11.  
  12. $.fn.vTicker = function(options) {
  13.         var defaults = {
  14.                 speed: 700,
  15.                 pause: 2000,
  16.                 showItems: 3,
  17.                 animation: '',
  18.                 mousePause: true,
  19.                 isPaused: false
  20.         };
  21.  
  22.         var options = $.extend(defaults, options);
  23.  
  24.         moveUp = function(obj2, height, paused){
  25.                 if(paused) return;
  26.                
  27.                 var obj = obj2.children('ul');
  28.                
  29.                 first = obj.children('li:first').clone(true);
  30.                
  31.                 obj.animate({top: '-=' + height + 'px'}, options.speed, function() {
  32.                         $(this).children('li:first').remove();
  33.                         $(this).css('top', '0px');
  34.                 });
  35.                
  36.                 if(options.animation == 'fade') {
  37.                         obj.children('li:first').fadeOut(options.speed);
  38.                         obj.children('li:last').hide().fadeIn(options.speed);
  39.                 }
  40.  
  41.                 first.appendTo(obj);
  42.         };
  43.        
  44.         return this.each(function() {
  45.                 var obj = $(this);
  46.                 var maxHeight = 0;
  47.                 var itempause = options.isPaused;
  48.  
  49.                 obj.css({overflow: 'hidden', position: 'relative'})
  50.                         .children('ul').css({position: 'absolute', margin: 0, padding: 0})
  51.                         .children('li').css({margin: 0, padding: 0});
  52.  
  53.                 obj.children('ul').children('li').each(function(){
  54.  
  55.                         if($(this).height() > maxHeight) {
  56.                                 maxHeight = $(this).height();
  57.                         }
  58.                 });
  59.  
  60.                 obj.children('ul').children('li').each(function() {
  61.                         $(this).height(maxHeight);
  62.                 });
  63.  
  64.                 obj.height(maxHeight * options.showItems);
  65.                
  66.                 var interval = setInterval(function(){ moveUp(obj, maxHeight, itempause); }, options.pause);
  67.                
  68.                 if (options.mousePause)
  69.                 {
  70.                         obj.bind("mouseenter",function() {
  71.                                 itempause = true;
  72.                         }).bind("mouseleave",function() {
  73.                                 itempause = false;
  74.                         });
  75.                 }
  76.         });
  77. };
  78. })(jQuery);
  79.  
  80.  
  81. jQuery(document).ready(function () {
  82.         jQuery('#sjs-feed-placeholder').rssfeed('http://www.phpbb9.de/feed.php',{}, function(e) {
  83.                 jQuery(e).find('div.rssBody').vTicker({showItems: 2});
  84.         });
  85. });
  86. </script>


und falls nicht schon geladen, muss das Script eingebunden werden (in einer extra Zeile):
Code: Select all
<script src="http://img.userboard.org/images/js/jquery.zrssfeed.min.js" type="text/javascript"></script>
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

The following user would like to thank Teamleiter & Techniker Gooof for this post

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Post#5by DirkS » 21.07.2013 18:16

Vielen Dank Gooof !

Hat funktioniert. Ich habe mich allerdings für die Variante ohne Animation entschieden.

Kann man eventuell einen Portalblock so einstellen, dass z.B. nur 10 Nachrichten angezeigt werden, aber der Block aufgeklappt werden kann und so weitere Nachrichten zu sehen sind ?

Der Hintergrund ist der, dass zum Teil mehr als 20 News zur Verfügung stehen, aber bei einer Einstellung von mehr als 10 News pro Block wird dieser einfach zu groß.
Wer möchte, könnte dann diesen Block aufklappen und dort weiter nach interessanten News suchen.
User avatar
DirkS
Foren Mitglied
Foren Mitglied
 
Posts: 101
Joined: 09.2012
Cash on hand: 3,459.91 Points
Thanks: 22
Thanked: 10 times in 8 posts
Gender: Male

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Post#6by Teamleiter & Techniker Gooof » 21.07.2013 23:45

Das ginge bestimmt, aber ich wüsste jetzt auch nicht wie.
Um alle zu zeigen müsste man am besten die Animation nehmen.
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *


Return to "phpBB3: Tipps und Anleitungen"


 

Who is online

Users browsing this forum: No registered users and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

rss feed motorradonline