Ez egy magyar nyelvű, egyszerűen használható jQuery Twitter Plugin.
Abból az elhatározásból készült, mert nem találtam egész egyszerűen olyan csatolmányt, amit szerettem volna, így írtam egyet, amilyenre pont szükségem volt és ezt szívesen megosztom másokkal is.
Telepítés
Mint ahogy a megszokott telepítéseknél, linkeljük be a <head> részbe a jQuery lib-et.
<script src="jquery-1.4.4.min.js" type="text/javascript" ></script>
Emallé kell még magát a plugin JS-et berakni
<script src="jquery.twttrr-0.5.min.js" type="text/javascript" ></script>
Az utolsó dolog ami maradt, az a CSS. Ezt természetesen lehet, ajánlott, kell átszabni az aktuális weboldalhoz, de elég átszínezni 1-2 helyen. Talán amit lehet csinálni: .tweetfeed{} selectornak egy width: x; szélességet megadni, hogy egy keretbe szorítsuk. Ez a fő rendezetlen lista amibe bekerül minden tweet. Ilyenkor az .atweet{} -ből kell kitörölni a "height: x;" sort, hogy ne lógjenek egymásra az egyes bejegyzések.
<link href="jquery.twttrr.css" rel="stylesheet" type="text/css" />
Majd ezek után a html kódban elnevezett valamelyik DOM elemhez meghívni a plugin. A példában egy "mytweet" id-val rendelkező div kapja meg, de bármilyen valid jQuery Selectort használhatunk. Ezt vagy <script></script> közé rakva a body-ba írva, vagy egy külső init.js, vagy scripts.js-be írjuk, ha használunk más JS függvényeket is.
$(document).ready(function(){ $("#mytweet").tweets(); });
Ezzel már el is indul a plugin oldal betöltésének befejezése után. Egyik funkció, amit hiányoltam a többi plugin-ből, hogy nem írja ki rendesen, hgoy mennyi ideje lett megírva a bejegyzés, illetve arra kattintva nem jön be a profil oldal azzal egyetlen bejegyzéssel. A linkek és @felhasznalonevek linkké lesznek konvertálva, ha vannak a szövegben. a #-k nem. Ezen felül van egy pár plusz beállítás amit megváltoztathatunk, pl Twitter felhasználónév, tweet-ek száma, stb... Az alapbeállítások:
$(document).ready(function(){ $("#mytweet").tweets({
username: “pistika”,
imgs: true,
latesttext: true,
followus: true,
tweets: 5
});
});
username -> Twitter felhasználónév
imgs -> Twitter avatar megjelenítése
latesttext -> "Legutóbbi Tweet-ek" szöveg megjelenítése.
followus -> "Kövess!" linkek megjelenítése @-al
tweets -> Tweet-ek száma
Példa