Skip to content

Instantly share code, notes, and snippets.

@camh96

camh96/index.php

Created October 23, 2014 22:38
Show Gist options
  • Save camh96/2e60ef6ca08bf893a597 to your computer and use it in GitHub Desktop.
Save camh96/2e60ef6ca08bf893a597 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.php
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Get some bible verses</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<style>
body
{
width: 100%;
}
h1,small
{
padding-left: 20%;
font-size: 1.5em;
}
p,h3,strong
{
color: #2A2A2A;
}
h1,small
{
color:#ffffff
}
.content
{
margin-left: 20%;
}
#title
{
height: 100px;
width: 100%;
background-color:#9b59b6;
text-indent: -15%;
padding-top:8px;
;
}
</style>
</head>
<body>
<div id="title">
<h1><small>Search the Bible</small></h1>
</div>
<form method="POST" action="http://oliverbraymusic.com/devhost/externalhost.php" class="pure-form">
<div class="content">
<fieldset class="pure-group">
<div id="bibleform">
<br><h3>Book</h3>
<!--<label for="books">Book Name</label>-->
<select id="books" name="Book">
<option disabled="">---Old Testament---</option>
<option>Genesis</option>
<option>Exodus</option>
<option>Leviticus</option>
<option>Numbers</option>
<option>Deuteronomy</option>
<option>Joshua </option>
<option>Judges </option>
<option>Ruth </option>
<option>1 Samuel </option>
<option>2 Samuel </option>
<option>1 Kings </option>
<option>2 Kings </option>
<option>1 Chronicles </option>
<option>2 Chronicles </option>
<option>Ezra </option>
<option>Nehemiah </option>
<option>Esther </option>
<option>Job </option>
<option>Psalms </option>
<option>Proverbs </option>
<option>Ecclesiastes </option>
<option>Song of Solomon </option>
<option>Isaiah </option>
<option>Jeremiah </option>
<option>Lamentations </option>
<option>Ezekiel </option>
<option>Daniel </option>
<option>Hosea </option>
<option>Joel </option>
<option>Amos </option>
<option>Obadiah </option>
<option>Jonah </option>
<option>Micah </option>
<option>Nahum </option>
<option>Habakkuk </option>
<option>Zephaniah </option>
<option>Haggai </option>
<option>Zechariah </option>
<option>Malachi </option>
<option disabled="">---New Testament--- </option>
<option>Matthew </option>
<option>Mark </option>
<option>Luke </option>
<option>John </option>
<option>Acts </option>
<option>Romans </option>
<option>1 Corinthians </option>
<option>2 Corinthians </option>
<option>Galatians </option>
<option>Ephesians </option>
<option>Philippians </option>
<option>Colossians </option>
<option>1 Thessalonians </option>
<option>2 Thessalonians </option>
<option>1 Timothy </option>
<option>2 Timothy </option>
<option>Titus </option>
<option>Philemon </option>
<option>Hebrews </option>
<option>James </option>
<option>1 Peter </option>
<option>2 Peter </option>
<option>1 John </option>
<option>2 John </option>
<option>3 John </option>
<option>Jude </option>
<option>Revelation</option>
</select>
<div id="image">
</div>
<br><h3>Chapter</h3><input type="number" name="Chapter" value="" size="30" class="pure-input-1-2" placeholder="Chapter">
<br><h3>First Verse</h3><input type="number" name="Verse" value="" size="30" class="pure-input-1-2" min="1" max="500" placeholder="Verse to start from">
<br><h3>Last Verse</h3><input type="number" name="Verse2" value="" size="30" class="pure-input-1-2" min="1" max="500" placeholder="Verse to end (will get all the verses in this range)">
<hr width="50%" align="left">
</div>
</fieldset>
<span id="writeroot"></span>
<input type="submit" value="Search" class="pure-button pure-input-1-1 pure-button-primary"><br><br>
<!--<input type="button" onclick="moreFields()" value="Add more verses" class="pure-button style=" style="margin-bottom:10px;" />-->
</div>
</form>
<script type="text/javascript">
var counter = 0;
function moreFields() {
counter++;
var newFields = document.getElementById("bibleform").cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var theName = newField[i].name;
if (theName)
newField[i].name = theName + counter;
}
var insertHere = document.getElementById("writeroot");
insertHere.parentNode.insertBefore(newFields,insertHere);
}
</script>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment