+++ title = "feeds" draft = false tags = [ "code", "javascript", "feeds" ] date = "2013-03-12" +++ # JS RSS Feed Readers Doel: Client-side RSS feeds lezen en via jQuery toevoegen aan de DOM tree in de vorm van `
` elementen. ### Feed gebruiken :exclamation: **Prerequirements**: Eerst jQuery includen, Klak code is afhankelijk hiervan 1. Include javascript: 2 files nodig, core klak en feeds klak:```html ``` 1. Maak ergens een `` element met een unieke ID waar de inhoud van de feed in komt. 2. Roep de feed code aan (Na DOM Load, we wijzigen de DOM tree!): ```javascript jQuery(document).ready(function() { Klak.Feeds.read(new Klak.Feeds.WikiWouter().feed(), $j("#wiki")); }); ``` 1. Klaar! ### Custom Feeds aanmaken De feed reader verwacht een object binnen te krijgen dat de volgende properties heeft: * `title` (string) toegevoegd als header aan de container * `url` (string) * `params` (object) wordt meegestuurd met JSON Request (optioneel) * `container` (function) retourneert een DOM element waar alles in gestoken wordt * `fetchData` (function, `data` arg) haalt uit het JSON response object (data) de lijst om over te loopen * `parse` (function, `item` arg) retourneert een opgebouwd DOM element dat aan de container toegevoegd wordt, voor elk item Indien geen custom parsing vereist is, kan je je beperken tot de url en title en de rest overerven via `prototype`: ```javascript Klak.Feeds.BlogWouter = function() { this.title = 'Jefklak