mirror of
https://gitlab.com/walljm/dynamicbible.git
synced 2025-07-23 23:39:50 -04:00
bug fixes, added error checking, UI tweaks.
This commit is contained in:
jwall@VAPPRCSN015.vap.local
parent
9dbd223271
commit
a3b48d7eb4
@ -1,30 +1,29 @@
|
|||||||
body {
|
body {
|
||||||
background: #fff; /* #dde */
|
background: #fff; /* #dde */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font: 11px verdana;
|
font-family: verdana;
|
||||||
}
|
|
||||||
.post {
|
|
||||||
/* might we need to align this center and everything else left in order to get the query box centered in IE? */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
em {font-style: normal;}
|
em {font-style: normal;}
|
||||||
|
|
||||||
#query {
|
#query {
|
||||||
background: #ddd;
|
background: #ddd;
|
||||||
color: #666;
|
color: #666;
|
||||||
margin: 0 auto 40px auto;
|
|
||||||
padding: 9px;
|
padding: 9px;
|
||||||
font: 14px verdana;
|
font-size: 14px;
|
||||||
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 75%;
|
|
||||||
border: 2px solid #999;
|
border: 2px solid #999;
|
||||||
}
|
}
|
||||||
#query #searchvalue
|
#query #searchvalue
|
||||||
{
|
{
|
||||||
color: darkgray;
|
color: #777;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50px;
|
height: 70px;
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
font-family: georgia;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
color: navy;
|
color: navy;
|
||||||
@ -41,26 +40,17 @@ h1 span {
|
|||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
h3 {
|
h3 {
|
||||||
font: 12px verdana;
|
font: 18px verdana;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
xborder-bottom: 1px solid darkgray;
|
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
padding: 5px 10px;
|
padding: 5px 5px 0 5px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main {
|
|
||||||
margin: 0 3px 0 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#searchresultswrap {
|
#searchresultswrap {
|
||||||
font: 11px verdana;
|
font: 18px verdana;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
float: left;
|
float: left;
|
||||||
border: 0px solid #ccc;
|
|
||||||
border-left-width: 0;
|
|
||||||
margin-right: 1px;
|
|
||||||
background: #eee;
|
|
||||||
}
|
}
|
||||||
#searchresultswrap h3 {
|
#searchresultswrap h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -68,16 +58,19 @@ h3 {
|
|||||||
border-right: 2px solid #999;
|
border-right: 2px solid #999;
|
||||||
border-top: 2px solid #999;
|
border-top: 2px solid #999;
|
||||||
border-left: 2px solid #999;
|
border-left: 2px solid #999;
|
||||||
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchresults {
|
#searchresults {
|
||||||
xmargin-right: 10px;
|
xmargin-right: 10px;
|
||||||
padding: 10px;
|
padding: 0 10px 10px 10px;
|
||||||
overflow:scroll;
|
overflow:scroll;
|
||||||
height: 700px;
|
height: 800px;
|
||||||
border-right: 2px solid #999;
|
border-right: 2px solid #999;
|
||||||
border-bottom: 2px solid #999;
|
border-bottom: 2px solid #999;
|
||||||
border-left: 2px solid #999;
|
border-left: 2px solid #999;
|
||||||
|
margin-right: 12px;
|
||||||
|
background: #eee;
|
||||||
}
|
}
|
||||||
#searchresults ul {
|
#searchresults ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -107,38 +100,31 @@ h3 {
|
|||||||
{
|
{
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#resultwrap {
|
#resultwrap {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
float: left;
|
float: left;
|
||||||
background: white;
|
font: 18px georgia;
|
||||||
|
color: #000;
|
||||||
}
|
}
|
||||||
#resultwrap h3 {
|
#resultwrap h3 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font: 18px georgia;
|
|
||||||
background: white;
|
background: white;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
#resultwrap center { /* nav */
|
|
||||||
xmargin: 10px 20px;
|
|
||||||
font: 10px verdana;
|
|
||||||
display: block;
|
|
||||||
xbackground: #eef;
|
|
||||||
padding: 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#result {
|
#result {
|
||||||
font: 21px georgia;
|
|
||||||
margin: 0 0 12px 12px;
|
margin: 0 0 12px 12px;
|
||||||
padding: 0 12px 0 0;
|
padding: 0 12px 0 0;
|
||||||
line-height: 200%;
|
line-height: 200%;
|
||||||
}
|
}
|
||||||
#result a {
|
#result a {
|
||||||
color: Maroon;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px dotted darkgray;
|
border-bottom: 1px dotted darkgray;
|
||||||
_border-bottom: 1px solid lightgray; /* IE */
|
_border-bottom: 1px solid lightgray; /* IE */
|
||||||
|
color: #000;
|
||||||
}
|
}
|
||||||
#result a:hover {
|
#result a:hover {
|
||||||
border-bottom: 1px solid blue;
|
border-bottom: 1px solid blue;
|
||||||
|
|||||||
43
index.html
43
index.html
@ -1,6 +1,5 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
<link rel="shortcut icon" type="image/ico" href="http://walljm.com/favicon.ico" />
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||||||
<meta name="author" content="Jason Wall" />
|
<meta name="author" content="Jason Wall" />
|
||||||
<meta name="PBO.auth" content="8bff0c5d7a8f61d1e5dfa6c58da67c2b" />
|
<meta name="PBO.auth" content="8bff0c5d7a8f61d1e5dfa6c58da67c2b" />
|
||||||
@ -18,7 +17,7 @@
|
|||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function()
|
$(document).ready(function()
|
||||||
{
|
{
|
||||||
$(".search").submit(function()
|
$("#searchform").submit(function()
|
||||||
{
|
{
|
||||||
Search($("#searchvalue").val());
|
Search($("#searchvalue").val());
|
||||||
return false;
|
return false;
|
||||||
@ -31,33 +30,25 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="main">
|
<table style="width: 100%; padding: 12px;">
|
||||||
<div class="post">
|
<tr>
|
||||||
<h1>King James Bible <span>with Strong's Numbers and Cross References</span></h1>
|
<td style="width: 400px;"><h1>King James Bible <span>with Strong's Numbers and Cross References</span></h1></td>
|
||||||
<form class="search">
|
<td id="query" align="center">
|
||||||
<div id="query" align="center" class="biggerrounded">
|
<table style="width: 100%;">
|
||||||
<table style="width: 100%">
|
<tr><form id="searchform">
|
||||||
<tr>
|
<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>
|
<td style="width: 100px;"><input value="Search" type="submit" style="height: 72px; width: 90px;" id="searchbtn" /></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" />
|
</form></tr>
|
||||||
</td>
|
|
||||||
<td style="width: 100px;">
|
|
||||||
<input value="Search" type="submit" style="height: 52px; width: 90px;" />
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</td>
|
||||||
</form>
|
</tr>
|
||||||
<div id="searchresultswrap" class="rounded">
|
</table>
|
||||||
<h3>Search Results <span id="searchTotal"></span></h3>
|
|
||||||
<div id="searchresults"></div>
|
|
||||||
</div>
|
|
||||||
<div id="resultwrap">
|
<div id="resultwrap">
|
||||||
<div id="result"></div>
|
<div id="result"></div>
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div id="searchresultswrap" class="rounded">
|
||||||
</div>
|
<h3>Search Results: <span id="searchTotal"></span></h3>
|
||||||
|
<div id="searchresults"></div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
1858
js/common.js
1858
js/common.js
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user