Créer un lecteur de flux simple avec SimplePie et jQuery

SimplePie est une bibliothèque PHP peut grandement simplifier la récupération et la manipulation de flux RSS, ou, plus généralement, aux formats XML. Vous pouvez, par exemple, écrire quelques lignes de code, exploiter certains "funzioncina" jQuery pour créer une Ticker Nouvelles à rejoindre notre site / blog.

Ce que nous devons ...

Tout d'abord télécharger SimplePie et le lieu, quelque part, le fichier simplepie.inc sur votre site / blog. Le code de lire et d'afficher un flux est comme suit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/ **
* Exemple de SimplePie
*
* @ Auteur Giovambattista Fazioli
* @ Web http://www.undolog.com
* @ @ Email g.fazioli undolog.com
*
* /
/ / Insérer le chemin correct
"simplepie.inc" ) ; require_once ("simplepie.inc");
/ /
$c , $l ) { Fonction wordCut ($ c, $ s) {
explode ( ' ' , $c ) ; $ A = exploser ('', $ c);
count ( $a ) > $l ) { if ( nombre de ($ A)> $ l) {
$i = 0 ; $i < $l ; $i ++ ) $r [ $i ] = $a [ $i ] ; for ($ i = 0; $ i <$ l $ i + +) $ r [$ i] = $ a [$ i];
implode ( ' ' , $r ) . '...' ; R $ = implode ('', $ r ).'...';
; retour R $;
$c ; Else return $ c};
}
/ /
10 ; // last 10 post/news $ Max = 10, / / 10 derniers messages / nouvelles
new SimplePie ( 'http://www.undolog.com/feed' ) ; $ Thefeed = new SimplePie ('http://www.undolog.com/feed');
handle_content_type ( ) ; $ Thefeed -> handle_content_type ();
$i = 0 ; $i < $thefeed -> get_item_quantity ( $max ) ; $i ++ ) $articles [ ] = $thefeed -> get_item ( $i ) ; for ($ i = 0; $ i <$ thefeed -> get_item_quantity ($ max); $ i + +) $ articles [] = $ thefeed -> get_Item ($ i);
$articles as $item ) echo '<li><a href="' . $item -> get_link ( ) . '">' . $item -> get_title ( ) . '</a> - ' . wordCut ( $item -> get_description ( ) , 10 ) . '</li>' ; foreach ($ articles as $ item) echo '<a href = "" <li> $ item -.> get_link ().' "> '$ item -..> get_title () </ a> -'. wordCut ($ item - get_description> (), 10) "</ li> '.;

Dans cet exemple de code, je extraites de la dernière 10 undolog.com nourrit et j'ai une liste formatée à l'aide ul/li . ). J'ai retrouvé le titre est ( $item->get_title() ) qu'une partie du contenu ( $item->get_description() ). Bien sûr, entrez ce code dans un formatage HTML comme ceci:

1
2
3
4
5
"feed-ticker" style = "display:none" > < div id = "rss-ticker" style = "display: none">
< ul >
<Php / / Here?> code Insérer
</ ul >
</ div >

Nous arrivons maintenant à l'JavaScript pour afficher "tourne", avec une animation simple, les titres individuels / des flux de contenus:

1
2
3
4
5
6
7
8
9
/ / Inclure JQuery travers l'API Google
"text/javascript" src = "http://www.google.com/jsapi" >< / script > < script de type = "text / javascript" src = "http://www.google.com/jsapi"> </ scripts >
"text/javascript" > google.load("jquery", "1.2.6"); < / script > < script de type = "text / javascript"> google.load ("jquery", "1.2.6") </ scripts >
<-! Code jQuery pour le divertissement de nouvelles ->
"text/javascript" src = "sample.js" >< / script > < script de type = "text / javascript" src = "Sample.js"> </ scripts >
"text/javascript" > < script de type = "text / javascript">
/ / InitNews Call () de l'achèvement de la page
google.setOnLoadCallback (initNews);
</ scripts >

Dans le fichier sample.js , vous pouvez appeler et le lieu où vous voulez, nous avons:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/ / Global
0 ; index_news var = 0;
/ /
Fonction initNews () {
) $ ('Div # feed-ticker »)
'slow' , . SlideDown ("lent",
function () {
) . eq ( index_news ) . fadeIn ( ) ; $ ('Div # ticker-les nourrir ») Eq (index_news) FadeIn ()..;
5000 ) ; setTimeout (next_news, 5000);
}
);
}

Fonction next_news () {
) $ ('Div # leur ticker-feed »)
index_news ) . Eq (index_news)
1000 , . FadeOut (1000,
function () {
index_news + +;
index_news > $ ( 'div#feed-ticker li' ) . length - 1 ) index_news = 0 ; if (index_news> $ ('div # ticker-les nourrir ») de longueur - 1.) = 0 index_news;
) . eq ( index_news ) . fadeIn ( ) ; $ ('Div # ticker-les nourrir ») Eq (index_news) FadeIn ()..;
5000 ) ; setTimeout (next_news, 5000);
}
);
}

Le résultat final peut le voir sur saidmade.com : D

6 commentaires à "Créer un lecteur de flux simple avec SimplePie et jQuery"

  1. 15 décembre 2008 MaiNick :

    Comme cela arrive je viens juste mis en place un lecteur de flux pour la gestion des notifications soient envoyées aux clients du e-commerce demande, cette classe en PHP j'ai grandement accélérer les travaux, puis l'utiliser pour l'ajout de certains effets de jQuery.

    PS Undolog voulais signaler une erreur sur le lien pour Saidmade.com : D

  2. 21 décembre 2008 Les meilleurs messages de la semaine # 6 | EmaWebDesign:: Programmation Web / Web Design :

    [...] Créer un lecteur de flux simple avec SimplePie et jQuery est une bibliothèque SimplePie PHP permet de simplifier considérablement l'extraction et la manipulation [...]

  3. 10 avril 2009 Manju:

    J'ai pris votre code et essayé de les implémentations mais je reçois des erreurs.
    Le code php sur la ligne 10 PHP require_once ( "simplepie.inc"); ce qui me donne une erreur.
    Et si je retire le "simplepie.inc", ça me donne encore une fois l'ennemi une erreur / / dans la ligne suivante.
    S'il vous plaît laissez-moi savoir si je fais quelque chose de mal.

  4. 10 avril 2009 Giovambattista Fazioli :

    @ Manju: Vous devez télécharger SimplePie bibliothèque avant de tester votre code. Suivez les instructions dans le message.

  5. 15 mai 2009 Undolog.com »Wordpress Plugin: Lecteur flash RSS défilement :

    [...] Inspiré par la poste Créer un lecteur de flux simple avec SimplePie et jQuery, j'ai créé le premier plugin WordPress weblog Saidmade. Lecteur flash RSS Scroll utilise SimplePie [...]

Laisser un commentaire

XHTML TAG PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CODE D'INSERTION:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Arrêtez SOPA