Bokelskere.no har et api som lar deg hente ut bokdata til bruk andre steder.
Jeg vil gjerne gi et grunnleggende eksempel på hvordan man kan hente ut bokdata ved hjelp av javascript.
Jeg håper at de mest nerdete av våre medlemmer kan være med på å videreutvikle denne koden. Det trengs flikking på feilhåndtering, formattering og behandling av bøker uten omslag. Hjelp til dette mottas med stor takk!
1)
Sett inn
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
mellom <head> og </head> i html-dokumentet ditt.
Dette gir oss tilgang på jqury, som er et ypperlig javascriptbibliotek.
2)
Bestem deg for hvor på sida du vil ha inn bøker. Sett inn dette der:
<div id="boker_fra_bokelskere_no"></div>
<script type="text/javascript" charset="utf-8">
bokelskere_brukernavn = "an"; // Ditt brukernavn her
bokelskere_tilstand = "har lest"; // "leser" / "favoritt" / "skal lese" osv
bokelskere_side = 1; // Sidetall i feed
bokelskere_antall_per_side = 4; // 1-10
$.getJSON(
"http://bokelskere.no/api/1.0/bokelsker/"
+ bokelskere_brukernavn
+ "/boker?tilstand="
+ encodeURIComponent(bokelskere_tilstand)
+ "&side="
+ bokelskere_side
+ "&antall_per_side="
+ bokelskere_antall_per_side
+ "&format=json&callback=?",
function (data) {
$("<ul>")
.attr("style", 'float:left;margin:0 0 20px 0;padding:0;border:0;list-style:none;width:180px;')
.appendTo("#boker_fra_bokelskere_no");
$.each(data.objekter, function(i,bok){
$("<img/>")
.attr("src", bok.omslagsbilde.medium)
.attr("width", 70)
.appendTo("#boker_fra_bokelskere_no > ul")
.wrap('<li style="float:left;margin:0 10px 10px 0;padding:0;border:0;list-style:none;"></li>')
.wrap($('<a>').attr("href", bok.link))
;
})
}
)
</script>
For å poste kode i en diskusjonstråd kan man sette fire mellomrom foran kodelinjene, da behandles de som kode av markdownfilteret vårt.
Viser 1 svar.
Veldig kult. Dette skal jeg prøve på.
Sist sett
