JSON-Files
Worum geht es?
Ich möchte im Wiki einfach Informationen aus dem Biblionetz einbinden und aufs Biblionetz verweisen können. Die Idee ist, dass eine Webseite die benötigen Informationen aus einem json-File auslesen und darstellen kann.
Anpassungen in der Biblionetz-Datenbank
Im Biblionetz existieren neu ein paar Prozeduren, um die entsprechenden Daten in eine json-Datei zu schreiben, wenn das entsprechende Objekt neu generiert wird.
Anpassungen auf dem Server
Auf dem Biblionetz-Server beat.doebe.li muss die Zeile
Header set Access-Control-Allow-Origin "*"
in die Apache-Config geschrieben werden (Erklärung siehe
https://enable-cors.org/server_apache.html).
Test
Das ist ein Test
b06438. Sollen Bücher "inline" angeben werden, muss das Tag
biblio
verwendet werden. Etwa so:
b06000,
t19491. Es ist auch möglich einen eigenen Linktext zu verwenden
b06000|Beat's Buch. Für die Tooltips wird qTip als Bibliothek eingebunden. Über CSS wird festgelegt, wie die Links formatiert werden sollen. Ebenso ist das Buch-Icon Teil vom CSS und kann beliebig entfernt oder ersetzt werden.
Möchte man hingegen einen Block für jedes Buch direkt einfügen (zum Beispiel in einer Liste) dann muss das Tag
bibliobox
verwendet werden:
b06000
b06438
t19491
t19493
b05451
Ein Buchblock besteht aus mehreren
div
Elementen für jedes Attribut. Diese sind im CSS hinterlegt und werden dort formatiert
Erweiterungen auf Webseiten, die diese Funktion nutzen können wollen
Damit die Erweiterung funktioniert, müssen ein paar script-Files und ein paar CSS-Files eingebunden werden:
%ADDTOZONE{"script"
text="<script src='https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js'></script>
<script src='https://beat.doebe.li/bibliothek/js/buch.js'></script>
<script src='https://beat.doebe.li/bibliothek/js/jquery.matchHeight-min.js'></script>"
}%
%ADDTOZONE{"head"
text="<link href='https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css' rel='stylesheet' />
<link href='https://beat.doebe.li/bibliothek/css/buch.css' rel='stylesheet' type='text/css'/>"
}%
Dies geschieht derzeit auf folgenden Seiten:
--
BeatDoebeli - 14 May 2017