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
AbonnentenAbonnenten: 1
LesezeichenLesezeichen: 1
Zugriffe: 2153

externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#1von DirkS » 18.07.2013 23:05

Hallo !

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

Sollte dann so ähnlich aussehen:

Bild
Benutzeravatar
DirkS
Foren Mitglied
Foren Mitglied
 
Beiträge: 101
Registriert: 09.2012
Barvermögen: 3.459,91 Points
Danke gegeben: 22
Danke bekommen: 10x in 8 Posts
Geschlecht: männlich

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#2von Teamleiter & Techniker Gooof » 19.07.2013 00:34

jQuery Feed Reader
Code: Alles auswählen
<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:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#3von 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: Alles auswählen
<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: Alles auswählen
<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:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#4von 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 lang="javascript" lines="f"]<div id="sjs-feed-placeholder"></div>
<script type="text/javascript">
/*
* Tadas Juozapaitis ( kasp3rito gmail.com )
*
* Modifed by Zazar:
* 24.06.2011 - Corrected pausing issue with multiple instances
*
*/
(function($){

$.fn.vTicker = function(options) {
var defaults = {
speed: 700,
pause: 2000,
showItems: 3,
animation: '',
mousePause: true,
isPaused: false
};

var options = $.extend(defaults, options);

moveUp = function(obj2, height, paused){
if(paused) return;

var obj = obj2.children('ul');

first = obj.children('li:first').clone(true);

obj.animate({top: '-=' + height + 'px'}, options.speed, function() {
$(this).children('li:first').remove();
$(this).css('top', '0px');
});

if(options.animation == 'fade') {
obj.children('li:first').fadeOut(options.speed);
obj.children('li:last').hide().fadeIn(options.speed);
}

first.appendTo(obj);
};

return this.each(function() {
var obj = $(this);
var maxHeight = 0;
var itempause = options.isPaused;

obj.css({overflow: 'hidden', position: 'relative'})
.children('ul').css({position: 'absolute', margin: 0, padding: 0})
.children('li').css({margin: 0, padding: 0});

obj.children('ul').children('li').each(function(){

if($(this).height() > maxHeight) {
maxHeight = $(this).height();
}
});

obj.children('ul').children('li').each(function() {
$(this).height(maxHeight);
});

obj.height(maxHeight * options.showItems);

var interval = setInterval(function(){ moveUp(obj, maxHeight, itempause); }, options.pause);

if (options.mousePause)
{
obj.bind("mouseenter",function() {
itempause = true;
}).bind("mouseleave",function() {
itempause = false;
});
}
});
};
})(jQuery);


jQuery(document).ready(function () {
jQuery('#sjs-feed-placeholder').rssfeed('http://www.phpbb9.de/feed.php',{}, function(e) {
jQuery(e).find('div.rssBody').vTicker({showItems: 2});
});
});
</script>[/syntax]

und falls nicht schon geladen, muss das Script eingebunden werden (in einer extra Zeile):
Code: Alles auswählen
<script src="http://img.userboard.org/images/js/jquery.zrssfeed.min.js" type="text/javascript"></script>
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

folgende User möchten sich bei Teamleiter & Techniker Gooof bedanken:

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#5von 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.
Benutzeravatar
DirkS
Foren Mitglied
Foren Mitglied
 
Beiträge: 101
Registriert: 09.2012
Barvermögen: 3.459,91 Points
Danke gegeben: 22
Danke bekommen: 10x in 8 Posts
Geschlecht: männlich

Re: externe RSS Feeds in Portal-Block anzeigen lassen

Beitrag#6von 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:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth


Zurück zu "phpBB3: Tipps und Anleitungen"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

rss feed motorradonline
cron