CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

dotcom1 Nybegynder

07. november 2012 - 15:32 Der er 15 kommentarer og
1 løsning

Parse atom/RSS fees - pagination?

Hej.

Jeg bruger pt. FeedEk.js til at parse et atom/RSS feed. Det virker fint, men hvis man f.eks. vælger at vise 30+ nyheder, bliver siden meget lang. (Og hvordan skal man ellers kunne se ældre nyheder, hvis ikke man vælger at få vist mange nyheder?)
Derfor tænker jeg om man ikke kan lave en paging? Der findes mange færdige plugins, f.eks. SimplePager, men det er ikke lykkes mig at kombinere de to funktionaliteter.

Nogen der kan hjælpe med input?

Synes godt om

olebole Juniormester

07. november 2012 - 18:53 #1

<ole>

Hvor er du kommet til? Hvad kan du ikke få til at fungere?

/mvh
</bole>

Synes godt om

dotcom1 Nybegynder

08. november 2012 - 10:27 #2

Hej.

Jeg har lavet en test her.

Første problem er, at jeg ikke kan få hver nyhed lagt i én div - lige nu er overskrift, dato og content i hver sin div. Jeg har forsøgt i FeedEk.js - se kommentarer i filen, men uden held.

Andet trin: Jeg har inkluderet SimplePager, bare for at prøve at page f.eks. itemContent, men der sker ikke rigtig noget.

Nogen idé til hvad jeg kan gøre?

Synes godt om

olebole Juniormester

08. november 2012 - 15:09 #3

1) Sådan er FeedEk skrevet. Vil du lave det om, går jeg udfra, du må skrive scriptet om. Det er yderst sparsomt med dokumentation, så det er ikke til at vide med sikkerhed (med mindre man gider gå koden igennem i enkeltheder)

2) Jeg kan ikke se, hvad du har prøvet - andet end at sætte SimplePager scriptfilen ind i toppen

Synes godt om

dotcom1 Nybegynder

08. november 2012 - 15:44 #4

Hej igen.

Tak for svar.

Jeg prøver nu med en anden parser, som i eksemplet her. Jeg har inkluderet SimplePager, men uden nogen forskel.

Til gengæld har jeg læst i pluginets forum, at man kan bruge offset-metoden i parseren til at lave en paging-funktionalitet - noget med at plugin'ets callback kan checke om der er flere <li> tags tilbage, og lave forrige/næste-knapper til at øge eller mindske offset-værdien.

Jeg har bare ingen anelse om hvordan man gør i praksis.

Synes godt om

olebole Juniormester

08. november 2012 - 16:16 #5

Jeg tror, du bør prøve at få én ting til at virke. Du får nok ikke noget ud af at sidde og fægte med begge extensions på én gang.

Synes godt om

dotcom1 Nybegynder

08. november 2012 - 17:49 #6

Hej Ole.

Enig. Ud med SimplePager. Har du evt. mod på at hjælpe med at lave en funktion med offset på parseren? Jeg er bange for at mine egne evner ikke helt rækker.

Synes godt om

olebole Juniormester

08. november 2012 - 19:30 #7

Det kunne gøres sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.zrssfeed.js"></script>

<script type="text/javascript">
var oRssConfig = {
maxItems: 5,
contempOffset: 1
};
function loadRssItems() {
$('#test').rssfeed('http://rss.cnn.com/rss/edition.rss', {
limit: oRssConfig.maxItems,
offset: oRssConfig.contempOffset
});
$('#offsetDispl').text(oRssConfig.contempOffset+" - "+(oRssConfig.contempOffset+oRssConfig.maxItems-1));
}
$(document).ready(function() {
loadRssItems();
$('#btnPrev').click(function() {
if (oRssConfig.contempOffset>oRssConfig.maxItems) oRssConfig.contempOffset -= oRssConfig.maxItems;
loadRssItems();
});
$('#btnNext').click(function() {
oRssConfig.contempOffset += oRssConfig.maxItems;
loadRssItems();
});
});
</script>
<style type="text/css">
body { font-family: arial;font-size: 12px; }
#btns {
position: relative;
width: 600px;
}
#btns div {
width: 20px;
margin-bottom: 20px;
font-weight: bold;
text-align: center;
color: #fff;
background: #999;
cursor: pointer;
}
#btnPrev {
position: relative;
}
#btnNext {
position: absolute;
top: 0;
right: 0;
}
#btns div#offsetDispl {
position: absolute;
width: 100%;
top: 0;
text-align: center;
z-index: -1;
}
</style>
</head>
<body>

<div id="btns">
<div id="btnPrev"><</div>
<div id="offsetDispl"></div>
<div id="btnNext">></div>
</div>
<div id="test"></div>
</body>
</html>

Synes godt om

olebole Juniormester

08. november 2012 - 19:31 #8

Du fixer lige selv URL'erne *o)

Synes godt om

olebole Juniormester

08. november 2012 - 22:04 #9

Hmmm ... kom til at tænke på, at dette nok vile være mere hensigtsmæssigt:

Synes godt om

dotcom1 Nybegynder

09. november 2012 - 09:43 #10

Hej igen.

Ole, det er jo fantastisk. Det virker super godt. Tusind tak.

Eneste lille ting - hvis der kun er f.eks. 20 items i feedet, så fortsætter den pagingen med tomme sider op til de 100 eller hvad man nu har sat værdien til i scriptet.
Kan man lave et check, der ser om der er flere items i listen når man bladrer, og hvis ikke, så stoppes muligheden for at bladre videre?

Synes godt om

olebole Juniormester

09. november 2012 - 12:35 #11

Selvtak. Jeg har ikke selv arbejdet med det pågældende API, og da jeg kikkede i dokumentationen, kunne jeg ikke umiddelbart se muligheden (men brugte heller ikke særlig lang tid på det). Derfor lavede jeg nødløsningen med de 100 =)

Synes godt om

dotcom1 Nybegynder

09. november 2012 - 12:44 #12

Helt ok. Læg gerne et svar.

Synes godt om

olebole Juniormester

09. november 2012 - 13:04 #13

Et hurtigt 'hack' kunne være følgende i JS-filen (fra linje 94):

// Send request
$.getJSON(api, function(data){

// Check for error
if (data.responseStatus == 200) {

// Process the feeds
_process(e, data.responseData, options);

var inx=0;
for (var x in data.responseData.feed.entries) inx++;

// Optional user callback function
if ($.isFunction(fn)) fn.call(this,$e,inx);

} else {

- og så disse ændringer i HTML-filens JS:

function handlButtons() {
var numEntriesReturned = arguments[1];
if (numEntriesReturned+1-oRssConfig.contempOffset>0 && oRssConfig.contempOffset<100-oRssConfig.maxItems) $('#btnNext').css("display", "block");
else $('#btnNext').css("display", "none");
$('#btnPrev').css("display", oRssConfig.contempOffset>oRssConfig.maxItems ? "block" : "none");
$('#offsetDispl').text(oRssConfig.contempOffset+" - "+Math.min(oRssConfig.contempOffset+oRssConfig.maxItems-1, numEntriesReturned));
}
var oRssConfig = {
maxItems: 5,
contempOffset: 90
};
function loadRssItems() {
$('#test').rssfeed('http://rss.cnn.com/rss/edition.rss', {
limit: oRssConfig.maxItems,
offset: oRssConfig.contempOffset
}, handlButtons);
}

Så vil jeg mene, det kører. Måske ikke fikseste løsning - men en mulighed =)

Husk at skrive en kommentar (gerne med NB, OBS og VERSALER), i JS-filen, som fortæller, du har lavet modifikationer af den oprindelige kode

Synes godt om

olebole Juniormester

09. november 2012 - 13:12 #14

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes =)

PS: I nuværende version er Prev-knappen kun aktiv, når man har bladret op. Next-knappen er aktiv, sålænge der returneres mere end max-pr-side (i øjeblikket 5) - og der ikke er bladret op til mere end 100 entries.

PPS: Ret lige contempOffset: 90 tilbage til 1. De 90 var bare til test, fordi jeg ikke gad bladre så langt :D

Synes godt om

olebole Juniormester

09. november 2012 - 13:15 #15

Nu skriver den også 90-92 og ikke 90-100, når der er 92 entries tilgængelig - og der derfor kun returneres tre entries i sidste hug (som tilfældet er i skrivende stund for det pågældende RSS)

Synes godt om

dotcom1 Nybegynder

09. november 2012 - 13:32 #16

Yes, det er smukt. Sejt!
Du har gjort mere end rigeligt. Tusind tak for hjælpen.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Beregning af sum via PHP og SQL Af dane022 i JavaScript	3	10/02/202421:38	12/02/202409:41
Kode der tjekker telefonnummer i formular Af Asky i JavaScript	2	27/12/202321:42	28/12/202314:41
Nogle af mine formularer i PHP er plaget af spam Af Asky i JavaScript	12	19/12/202313:31	10/01/202411:04
Vis data fra en anden fil i en div Af EveryMA i JavaScript	2	19/10/202307:02	20/10/202307:02
js til asp backend Af keepy i JavaScript	1	11/10/202310:28	11/10/202313:46

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS