Funkcji displayVerse można używać do wstawiania wersetów z Biblii 2000 na dowolną stronę HTML
| Nazwa | Typ | Wymagany | Domyślnie | Opis |
|---|---|---|---|---|
| elementId | string | Tak | id elementu do którego chcemy wstawić fragment Biblii | |
| bible | string | Tak | skrót tłumaczenia Biblii, lista akceptowanych skrótów | |
| book | string | Tak | skrót księgi, lista akceptowanych skrótów | |
| chapter | int/string | Tak | numer rozdziału | |
| verses | string | Nie | null |
zakres wersetów postaci x-y jeśli null - wyświetlenie całego rozdziału |
| numbers | bool | Nie | false |
czy chcemy aby wersety były numerowane |
W nagłówku strony (sekcja <head>) dołączyć bibliotekę
<script type="text/javascript" src="https://www.biblia.info.pl/api/displayVerse.js"></script>Jeśli chcesz umieścić werset "samodzielny", to należy użyć znacznika "div"
<div id="werset_nr1"></div>Następnie użyj wywołania funkcji displayVerse podając gdzie i jaki werset wstawić
<script>
displayVerse("werset_nr1", "bt", "mt", "1", "1-5", true);
</script>Zaleca się wywoływanie funkcji na końcu strony (przykład niżej)
Jeśli chcesz wyświetlić werset razem z innym tekstem (na przykład w znaczniku <p>) należy użyć znacznika <span>
<p>
Tutaj pojawi się werset: "<span id='werset_nr2'></span>". A tutaj analiza tekstu...
</p>Aby oddzielić tekst nową linią należy użyć znacznika <br>
Teksty Biblii umieszczane są w znacznikach <span>
Znaczniki te posiadają klasy CSS verse, verse-number oraz verse-text, aby można było im nadać odpowiednie style
Aby nadać styl należy w CSSie strony dodać klasy oraz nadać im jakieś właściwości
<style>
/* Numer oraz tekst wersetu */
.verse {
font-family: Arial, Helvetica, sans-serif;
}
/* Numer wersetu */
.verse-number {
color: #409eff;
}
/* Tekst wersetu */
.verse-text {
color: gray;
}
</style>Wywołania funkcji displayVerse najlepiej dodać na końcu znacznika <body>, nawet w przypadku użycia tylko jednego wywołania
...
<script>
displayVerse("werset_nr1", "bt", "mat", "1", "1-5", true);
displayVerse("werset_nr2", "bw", "2tym", "1", "4-6", false)
displayVerse("werset_nr3", "sz", "jan", "5")
</script>
</body>