Now you can easily include the actual ebible widget on your own blog or webpage. Users can search for verses and chapters and study right on your website. It is as simple as copying and pasting our code snippet to your page.

Getting Started

The most simple use of ebibleWidget looks like this:

<html>
<head>
<script src="http://www.ebible.com/javascripts/prototype.js" type="text/javascript"></script>
<script src="http://www.ebible.com/javascripts/ebiblewidget.js" type="text/javascript"></script>
</head>
<body>

<form action="#" method="get" onsubmit="eb.loadPassage($F('search'))">
            <input type="text" id="search" />
</form>
<div id="ebible1"></div>
<script type="text/javascript">    
// create the main eBible widget
eb = new eBible("ebible1", {
            varName: "eb", 
            domain: "http://localhost:3000" 
            });    
</script>
...

</body>
</html>

You can add optional parameters while creating ebible object as follows:

studyBible
- “NIV” (default)
- “MSG”
- “KJV”
- “NKJV”
- “ESV”
showTitle
- true – shows chpater number and paragraph heading
- false(default) – hides title bar
fontSize
- any string value e.g “10” – 10 px
width
- any integer value e.g 300 – 300 px
height
- any integer value e.g 200 – 200 px
passage
- any valid bible passage e.g “Matt 4:4”

Simple Demo

Click here to see simple demo page with following options

studyBible: “NIV”
showTitle: true
showTools: false
fontSize: “10”
width: 300
height: 200
passage: “Gen 4:4”

eBible