mirror of
https://gitlab.com/walljm/dynamicbible.git
synced 2025-07-23 07:19:50 -04:00
minified js files, added show/hide for crossrefs and rmac, fixed search results resize issue, various UI tweaks and css cleanup.
This commit is contained in:
jwall@VAPPRCSN015.vap.local
parent
84e801f547
commit
99dec3f4a6
@ -17,31 +17,39 @@ a:hover {
|
||||
em {font-style: normal;}
|
||||
|
||||
#query {
|
||||
background: #ddd;
|
||||
color: #666;
|
||||
padding: 9px;
|
||||
background: #eee;
|
||||
color: #444;
|
||||
padding: 12px;
|
||||
font-size: 14px;
|
||||
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border: 2px solid #999;
|
||||
}
|
||||
#query #searchvalue
|
||||
|
||||
#searchvalue
|
||||
{
|
||||
color: #777;
|
||||
color: #333;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 3px;
|
||||
margin-left: 6px;
|
||||
font-size: 18px;
|
||||
font-family: georgia;
|
||||
}
|
||||
#searchbtn
|
||||
{
|
||||
height: 52px;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: navy;
|
||||
font: 36px georgia;
|
||||
font-weight: normal;
|
||||
background: white;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 10px 10px;
|
||||
margin: 0 10px 0 0;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
h1 span {
|
||||
@ -62,6 +70,7 @@ h3 {
|
||||
width: 30%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#searchresultswrap h3 {
|
||||
margin: 0;
|
||||
background: #eee;
|
||||
@ -69,13 +78,14 @@ h3 {
|
||||
border-top: 2px solid #999;
|
||||
border-left: 2px solid #999;
|
||||
margin-right: 16px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#searchresults {
|
||||
xmargin-right: 10px;
|
||||
padding: 0 10px 10px 10px;
|
||||
overflow:scroll;
|
||||
height: 800px;
|
||||
height: 600px;
|
||||
border-right: 2px solid #999;
|
||||
border-bottom: 2px solid #999;
|
||||
border-left: 2px solid #999;
|
||||
@ -101,7 +111,7 @@ h3 {
|
||||
background-color: #ddd;
|
||||
padding: 3px;
|
||||
text-align:center;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
font-family: Georgia, Serif;
|
||||
text-decoration: none;
|
||||
border: 0px;
|
||||
@ -131,6 +141,10 @@ h3 {
|
||||
padding: 0 12px 0 0;
|
||||
line-height: 200%;
|
||||
}
|
||||
.rmac .contents, .scr .contents
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.result
|
||||
{
|
||||
|
||||
30
index.html
30
index.html
@ -10,10 +10,12 @@
|
||||
<meta name="keywords" content="AJAX, KJV, King James Version, Strong's Dictionary, Strongs" />
|
||||
<meta name="blogchalk" content="United States, Missouri, Saint Louis, English, Jason, Male, 21-25, photography, poetry" />
|
||||
<meta name="copyright" content="All content copyrighted to Jason Wall, and available by permission of the owner." />
|
||||
<title>The Bible with Strong's Numbers and Cross References Walljm.com</title>
|
||||
<title>The Bible with Strong's Numbers and Cross References</title>
|
||||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="js/bible_ref_parsing.js"></script>
|
||||
<script type="text/javascript" src="js/common.js"></script>
|
||||
<!--<script type="text/javascript" src="js/bible_ref_parsing.js"></script>-->
|
||||
<script type="text/javascript" src="js/bible_ref_parsing.min.js"></script>
|
||||
<!--<script type="text/javascript" src="js/common.js"></script>-->
|
||||
<script type="text/javascript" src="js/common.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function()
|
||||
{
|
||||
@ -37,11 +39,23 @@
|
||||
Settings.SwitchPanes();
|
||||
return false;
|
||||
});
|
||||
$("#showhidesearch").click(function()
|
||||
{
|
||||
Settings.ShowHideSearch();
|
||||
return false;
|
||||
});
|
||||
$("#changefont").change(function()
|
||||
{
|
||||
Settings.ChangeResultFont($("#changefont").val());
|
||||
return false;
|
||||
});
|
||||
$(window).bind("resize", function()
|
||||
{
|
||||
$("#searchresults").css("height", window.innerHeight - 200);
|
||||
return false;
|
||||
});
|
||||
|
||||
$("#searchresults").css("height", window.innerHeight - 200);
|
||||
});
|
||||
</script>
|
||||
<style>@import "css/bible.css";</style>
|
||||
@ -52,17 +66,18 @@
|
||||
<body>
|
||||
<table style="width: 100%; padding: 12px;">
|
||||
<tr>
|
||||
<td style="width: 400px;"><h1>King James Bible <span>with Strong's Numbers and Cross References</span></h1></td>
|
||||
<td style="width: 320px;"><h1>King James Bible <span>with Strong's Numbers and Cross References</span></h1></td>
|
||||
<td id="query" align="center">
|
||||
<table style="width: 100%;">
|
||||
<tr><form id="searchform">
|
||||
<td><input id="searchvalue" type="search" results="10" onfocus="if (this.value=='Reference or search words') {this.value='';this.style.color='black';}" xonblur="if(this.value=='') {this.value='Reference or search words';this.style.color='darkgray';}" value="Reference or search words" /></td>
|
||||
<td style="width: 100px;"><input value="Search" type="submit" style="height: 62px; width: 90px;" id="searchbtn" /></td>
|
||||
<td><input id="searchvalue" type="search" results="10" /></td>
|
||||
<td style="width: 100px;"><input value="Search" type="submit" id="searchbtn" /></td>
|
||||
</form></tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="3" id="settings" style="padding-top: 6px; text-align:right;">
|
||||
<a href="javascript:void();" id="showhidesearch">Hide Search</a> |
|
||||
<a href="javascript:void();" id="switch-panes">Switch Panes</a> | Select Font:
|
||||
<select id="changefont"><option value="georgia" selected="selected">Georgia</option><option value="verdana">Verdana</option><option value="courier">Courier</option><option value="serif">Serif</option><option value="sans-serif">Sans Serif</option></select> |
|
||||
<span style="letter-spacing:2px;"><a href="javascript:void();" id="shrinkfont">A<span style="font-size:12px;">A</span></a> | <a href="javascript:void();" id="growfont"><span style="font-size:12px;">A</span>A</a></span></td></tr>
|
||||
@ -70,9 +85,10 @@
|
||||
<div id="resultwrap">
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
<div id="searchresultswrap" class="rounded">
|
||||
<div id="searchresultswrap">
|
||||
<h3>Search Results: <span id="searchTotal"></span></h3>
|
||||
<div id="searchresults"></div>
|
||||
</div>
|
||||
<br clear="all" />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
1
js/bible_ref_parsing.min.js
vendored
Normal file
1
js/bible_ref_parsing.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
51
js/common.js
51
js/common.js
@ -127,6 +127,26 @@ function Search(sv)
|
||||
|
||||
|
||||
var Settings = {
|
||||
ShowHideSearch: function()
|
||||
{
|
||||
var o = $("#showhidesearch");
|
||||
var s = $("#searchresultswrap");
|
||||
var r = $("#resultwrap");
|
||||
|
||||
if (s.css("display") != "none")
|
||||
{
|
||||
s.css("display", "none");
|
||||
o.html("Show Search");
|
||||
r.css("width", "100%");
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
s.css("display", "block");
|
||||
o.html("Hide Search");
|
||||
r.css("width", "70%");
|
||||
}
|
||||
},
|
||||
SwitchPanes: function()
|
||||
{
|
||||
var s = $("#searchresultswrap");
|
||||
@ -371,9 +391,8 @@ var Strongs = {
|
||||
|
||||
// now deal with cross references.
|
||||
var cr = $(r.crossrefs).find("i#" + r.prefix + r.sn).find("rs");
|
||||
var crtxt = "<b>Cross References:</b> ";
|
||||
|
||||
crtxt += "<div class='scr'>";
|
||||
var crtxt = "<div class='scr'><b>Cross References:</b> <a href='javascript:void()' class='showhide'>Show</a><br /><span class='contents'>";
|
||||
|
||||
cr.each(function(i)
|
||||
{
|
||||
@ -387,18 +406,18 @@ var Strongs = {
|
||||
crtxt = crtxt.substr(0, crtxt.length - 2);
|
||||
crtxt += "<br />";
|
||||
});
|
||||
crtxt += "</div>";
|
||||
|
||||
crtxt += "</span></div>";
|
||||
|
||||
// ...processing statements go here...
|
||||
var rtxt = "";
|
||||
if (r.prefix == "G")
|
||||
{
|
||||
rtxt += "<b>Robinsons Morphological Analysis Code: " + r.rmaccode + "</b><br />"; ;
|
||||
rtxt += "<div class='rmac'><b>Robinsons Morphological Analysis Code: " + r.rmaccode + "</b> <a href='javascript:void()' class='showhide'>Show</a><br /><span class='contents'>"; ;
|
||||
$(r.rmac).find('i[id="' + r.rmaccode.toUpperCase() + '"]').find("d").each(function()
|
||||
{
|
||||
rtxt += $(this).text() + "<br />";
|
||||
});
|
||||
rtxt += "</span></div>";
|
||||
}
|
||||
// put together the display.
|
||||
|
||||
@ -413,6 +432,12 @@ var Strongs = {
|
||||
{
|
||||
Util.RemoveResult(e);
|
||||
});
|
||||
|
||||
t.find(".showhide").click(function(e)
|
||||
{
|
||||
Strongs.ShowHide(e);
|
||||
});
|
||||
|
||||
$("#result").prepend(t);
|
||||
return false;
|
||||
}
|
||||
@ -420,6 +445,22 @@ var Strongs = {
|
||||
{
|
||||
Util.HandleError(err);
|
||||
}
|
||||
},
|
||||
ShowHide: function(e)
|
||||
{
|
||||
var o = $(e.target);
|
||||
var c = o.parent().find(".contents");
|
||||
|
||||
if (c.css("display") != "none")
|
||||
{
|
||||
c.css("display", "none");
|
||||
o.html("Show");
|
||||
}
|
||||
else
|
||||
{
|
||||
c.css("display", "inline");
|
||||
o.html("Hide");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
1
js/common.min.js
vendored
Normal file
1
js/common.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user