Bible Quote of the Day

Table of Contents



To get the Bible Quote for the day, follow these steps.
Note : The Malayalam Bible Quote is from the POC Bible, while the English Bible Quote is from the RSV Bible.

 


Link the Script File

Add the below line in the <head> tag of your website.
You only need to add the below line only once per webpage, in case if you have implemented other widgets in the same webpage.

<script src="https://syrocalendar.tk/API/SyroCalendar.min.1.0.2.js"></script>

Place the Div’s

Paste the needed divs in the <body> tag of your website, where you need the information to be shown.

<div id="SyroCalendar_DailyQuotes_Text_Mal">Loading...</div>
<div id="SyroCalendar_DailyQuotes_Verse_Mal">Loading...</div>

<div id="SyroCalendar_DailyQuotes_Text_Eng">Loading...</div>
<div id="SyroCalendar_DailyQuotes_Verse_Eng">Loading...</div>

Note : You don’t need all of the above div’s. Only place the one’s you need in your website.



Result

You will receive todays seasonal name in the following div’s :

DivDetail
SyroCalendar_DailyQuotes_Text_MalBible Quote text in Malayalam
SyroCalendar_DailyQuotes_Verse_MalVerse Details in Malayalam
SyroCalendar_DailyQuotes_Text_EngBible Quote text in English
SyroCalendar_DailyQuotes_Verse_EngVerse Details in English


HTML Example Code 


<html>
<head>
	<title>SyroCalendar Demo - Bible Quote of the Day</title>
	<script src="https://syrocalendar.tk/API/SyroCalendar.min.1.0.2.js"></script>
</head>

<body>
	<div id="SyroCalendar_DailyQuotes_Text_Mal">Loading...</div>
	<div id="SyroCalendar_DailyQuotes_Verse_Mal">Loading...</div>
	<br>
	<div id="SyroCalendar_DailyQuotes_Text_Eng">Loading...</div>
	<div id="SyroCalendar_DailyQuotes_Verse_Eng">Loading...</div>
	<br>
	<em>Powered by <a href="https://SyroCalendar.tk" target="_blank">SyroCalendar</a></em>
</body>
</html>

Please don’t forget to provide a link to SyroCalendar.tk below the Widget you implemented. It could be as simple as
Powered by SyroCalendar
(If you have multiple widgets on the same page, just 1 link will suffice)


ADVANCED


To get the JSON Data

To get the JSON data (without HTML Elements), make sure you have the Script file in the <head> tag, and call the below JavaScript function. This JS function returns a JSON Object.

<script>var BibleQuotes = GetDailyQuotesJSON(); </script>


JSON Result

You will get the following JSON Object data :

DivDetail
InputDateThe Date for which the Result was retrieved for
Quote_Mal_ChapterBible Quote Chapter in Malayalam
Quote_Eng_ChapterBible Quote Chapter in English
Quote_MalBible Quote in Malayalam
Quote_EngBible Quote in English

JSON Example Code 


<html>
<head>
	<title>SyroCalendar Demo - Bible Quote of the Day</title>
	<script src="https://syrocalendar.tk/API/SyroCalendar.min.1.0.2.js"></script>
</head>

<body>

	<div id="BibleQuote">Loading...</div>

	<script>
	
		var SyroCalendartimer;
		function checkSyroFlag() 
		{
			var BibleQuotes = GetDailyQuotesJSON();
			if(!BibleQuotes.hasOwnProperty('Error'))
			{
				var BibleQuoteElement =  document.getElementById('BibleQuote');
				if (typeof(BibleQuoteElement) != 'undefined' && BibleQuoteElement != null)
				{
					BibleQuoteElement.innerHTML = "Todays Quote is : " + BibleQuotes.Quote_Mal + "(" + BibleQuotes.Quote_Mal_Chapter  + ")"
				}
				clearTimeout(SyroCalendartimer);
			}
			else{
				SyroCalendartimer = setTimeout(checkSyroFlag, 100); 
			}
		}

		jQuery(window).on('load', function() {
			SyroCalendartimer = setTimeout(checkSyroFlag, 100);
		});
		
	</script>
	<br>
	<em>Powered by <a href="https://SyroCalendar.tk" target="_blank">SyroCalendar</a></em>
</body>
</html>

Please don’t forget to provide a link to SyroCalendar.tk below the Widget you implemented. It could be as simple as
Powered by SyroCalendar
(If you have multiple widgets on the same page, just 1 link will suffice)

What are your Feelings