CINXE.COM
查詢頁面-信望愛
<!doctype html> <html lang="zh-TW"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>查詢頁面-信望愛</title> <link rel="icon" href="images/slogo.png"> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap-select.min.css" rel="stylesheet" type="text/css"> <link href="css/lightbox.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/all.css"> <link rel="stylesheet" type="text/css" href="css/style3.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script> var book=0,page=0,pdisc=""; var xhr,xhr1; var procb=-3; function qbs(){ var keyword=document.getElementById("keyword").value; var filter=document.getElementById("filter").selectedIndex; var se=document.getElementById("se").selectedIndex; var qu=""; var fi=""; if (se==0) qu="title="+encodeURI(keyword); else if (se==1) qu="author="+encodeURI(keyword); else if (se==2) qu="id="+parseInt(keyword); else if (se==3) qu="provider="+encodeURI(keyword); if (filter==1) fi="&div="+encodeURI("聖經"); else if (filter==2) fi="&div="+encodeURI("信仰著作"); else if (filter==3) fi="&div="+encodeURI("聖詩"); else if (filter==4) fi="&div="+encodeURI("白話字文獻"); else fi=""; window.location.href='ns.php?'+qu+fi; } function init(){ book=QueryString("book"); page=QueryString("page"); if(page==0) page=1; var bid=QueryString("chineses"); if (bid==0) { qb(book); q(book,page); } else { var chap=QueryString("chap"); var sec=QueryString("sec"); sq(book,bid,chap,sec); } document.getElementById("res").href="ns.php?"+localStorage.getItem("qs"); } function cssearch(){ sel=document.getElementById("sel").selectedIndex; bid=document.getElementById("sel2").selectedIndex; chap=document.getElementById("sel3").selectedIndex+1; sec=parseInt(document.getElementById("sec").value); if (sel==1) bid=bid+1; else if (sel==2) bid=bid+40; else return; sq(book,bid,chap,sec); } function qb(id){ url= "/json/ob.php?id="+id; try { xhr1=new XMLHttpRequest(); //建立一個AJAX物件 if (xhr1.overrideMimeType) xhr1.overrideMimeType('text/xml'); } catch (e) { alert("Your Browser doesn't support XMLHttpRequest"); return false; } xhr1.onreadystatechange = function() { if (xhr1.readyState==4 && xhr1.status==200) //如果呼叫成功，處理底下 dspb(); } xhr1.open("get",url,true); xhr1.setRequestHeader('Content-Type','application/x-www-urlencoded; charset=utf-8'); xhr1.send(null); } function q(id,pag){ page=pag; url= "/json/sob.php?book="+id+"&page="+pag; try { xhr=new XMLHttpRequest(); //建立一個AJAX物件 if (xhr.overrideMimeType) xhr.overrideMimeType('text/xml'); } catch (e) { alert("Your Browser doesn't support XMLHttpRequest"); return false; } xhr.onreadystatechange = function() { if (xhr.readyState==4 && xhr.status==200) //如果呼叫成功，處理底下 dsp(); } xhr.open("get",url,true); xhr.setRequestHeader('Content-Type','application/x-www-urlencoded; charset=utf-8'); xhr.send(null); } function q_open(id,pag){ page=pag; url= "/json/sob.php?book="+id+"&page="+pag+"&open=1"; try { xhr=new XMLHttpRequest(); //建立一個AJAX物件 if (xhr.overrideMimeType) xhr.overrideMimeType('text/xml'); } catch (e) { alert("Your Browser doesn't support XMLHttpRequest"); return false; } xhr.onreadystatechange = function() { if (xhr.readyState==4 && xhr.status==200) //如果呼叫成功，處理底下 dsp(); document.getElementById("bimg").click(); } xhr.open("get",url,true); xhr.setRequestHeader('Content-Type','application/x-www-urlencoded; charset=utf-8'); xhr.send(null); } function sq(id,engid,chap,sec){ url= "/json/sob.php?book="+id+"&chap="+chap+"&sec="+sec+"&bid="+engid; //alert(url); try { xhr=new XMLHttpRequest(); //建立一個AJAX物件 if (xhr.overrideMimeType) xhr.overrideMimeType('text/xml'); } catch (e) { alert("Your Browser doesn't support XMLHttpRequest"); return false; } xhr.onreadystatechange = function() { if (xhr.readyState==4 && xhr.status==200) //如果呼叫成功，處理底下 dsp(); } xhr.open("get",url,true); xhr.setRequestHeader('Content-Type','application/x-www-urlencoded; charset=utf-8'); xhr.send(null); } function dspb(){ var ans=JSON.parse(xhr1.responseText); document.getElementById("bid").innerHTML=ans.record[0].id; document.getElementById("age").innerHTML=ans.record[0].age; document.getElementById("agec").innerHTML=ans.record[0].agec; document.getElementById("title").innerHTML=ans.record[0].title; document.getElementById("author").innerHTML=ans.record[0].author; document.getElementById("lang").innerHTML=ans.record[0].lang; document.getElementById("style").innerHTML=ans.record[0].style; document.getElementById("provider").innerHTML=ans.record[0].provider; document.getElementById("copyright").innerHTML=ans.record[0].copyright; document.getElementById("div").innerHTML=ans.record[0].div; document.getElementById("intro").innerHTML=ans.record[0].intro; document.getElementById("remark").innerHTML=ans.record[0].remark; procb=ans.record[0].procb; if (procb==0) document.getElementById("sel").selectedIndex=0; else if (procb==2) {document.getElementById("sel").selectedIndex=1;setot();} else if (procb==1 || procb==3) {document.getElementById("sel").selectedIndex=2;setnt();} } function dsp(){ var ans=JSON.parse(xhr.responseText); if (ans.record.length==0){ alert("找不到資料!請修改查詢條件！"); return; } document.getElementById("bname").innerHTML=ans.record[0].name; if (procb==0) document.getElementById("position").innerHTML="第 "+ans.record[0].page+" 頁"; else document.getElementById("position").innerHTML=ans.record[0].chinesef+" "+ans.record[0].bchap+"章"+ans.record[0].bsec +"節 到"+ans.record[0].echap+"章"+ans.record[0].esec +"節"; page=ans.record[0].page; var prev=page-1; if (prev<=0) prev=1; var next=page+1; if (next>ans.record[0].total) next=ans.record[0].total; pdisc='<a href="javascript:goto_open('+prev+');">Prev</a> '+ans.record[0].chinesef+" "+ans.record[0].bchap+"章"+ans.record[0].bsec +"節 到"+ans.record[0].echap+"章"+ans.record[0].esec +"節"+' <a href="javascript:goto_open('+next+');">Next</a>'; document.getElementById("bimg").href=ans.record[0].orig; document.getElementById("bimg").setAttribute('data-title',pdisc) ; document.getElementById("lbimg").src=ans.record[0].small; document.getElementById("ppd").value=page; document.getElementById("ppu").value=page; Pagination('#pgtop,#pgdown', {itemsCount:ans.record[0].total,currentPage: page,pageSize:1 }); } function QueryString(name) { var allVars = window.location.search.substring(1); var vars = allVars.split("&"); for (i = 0; i < vars.length; i++) { var Var = vars[i].split("="); if (Var[0] == name) return Var[1]; } return 0; } function setcp(){ var sel=document.getElementById("sel").selectedIndex; if (sel==1) setochap(); else if (sel==2) setnchap(); } function setochap() //舊約處理 { var i,j,k,txt; var cnum=[50,40,27,36,34,24,21,4,31,24,22,25,29,36,10,13,10,42,150,31,12,8,66,52,5,48,12,14,3,9,1,4,7,3,3,3,2,14,4]; var oc=document.getElementById("sel3"); var ochineses=document.getElementById("sel2"); i=cnum[ochineses.selectedIndex]; oc.options=[]; oc.options.length=0; for (j=1;j<=i;j++){ k=j-1; if (i==150) txt="第 "+j+" 篇"; else txt="第 "+j+" 章"; var c = document.createElement("option"); c.text = txt; c.value = j; oc.options.add(c,oc.options[k]); } if (i%2 == 1) i=i+1; i=(i/2)-1; oc.options[i].selected="1"; } function setnchap() //新約處理 { var i,j,k,txt; var cnum=[28,16,24,21,28,16,16,13,6,6,4,4,5,3,6,4,3,1,13,5,5,3,5,1,1,1,22]; var nc=document.getElementById("sel3"); var nchineses=document.getElementById("sel2"); i=cnum[nchineses.selectedIndex]; nc.options=[]; nc.options.length=0; for (j=i;j>0;j--) { k=j-1; txt="第 "+j+" 章"; var option = document.createElement("option"); option.text = txt; nc.add(option,0); } if (i%2 == 1) i=i+1; i=(i/2)-1; nc.options[i].selected="1"; //$("#nchap").selectpicker('refresh'); } </script> </head> <body onload="init()"> <div id="all" class="w100"> <div id="computer1" class="w100"> <nav id="nav" class="w100 nav1-connect headroom" data-headroom> <a href="index.html"><div id="n1"><!--<img src="images/blogo-long.png" />--></div></a> <img id="n3" class="flip" src="images/icon-listbar2.png"> <ul id="n2" class="w80 panel"> <a href="index.html"><li class="li-1"><p>首頁</p></li></a><div class="l"></div> <a href="http://www.fhl.net/main/announce/announce423108.html"><li class="li-2"><p>網站建置緣由</p></li></a><div class="l"></div> <a href="ns.php?process=1&sort=1"><li class="li-3"><p>典藏書籍一覽</p></li></a><div class="l"></div> <a href="http://www.fhl.net/main/eternal_qa/eternal_qa541510.html"><li class="li-4"><p>中文聖經譯經史</p></li></a><div class="l"></div> <a href="http://www.fhl.net/main/fhl/fhl10.html"><li class="li-5"><p>使用手冊</p></li></a> </ul> </nav> <div class="fack-nav"></div> <header id="a1" class="w100 "> <h1>珍本聖經數位<br class="br">典藏查詢系統</h1> <!--<img src="images/header.png" style="width:100%"/>--> </header> <!-- 表單列------------------------------------------------ --> <div class="w100 connect-form"> <form class=" form-horizontal c2"> <!-- 下拉式選單------------------------------------------------ --> <div class="col-md-1-img"> <span> <img src="images/icon-search.png" style="width: 100%"> </span> </div> <div class="col-md-2-1" > <div class="form-group"> <select id="se" class="selectpicker show-tick form-control form-control-1" > <option >書名</option> <option >作者</option> <option >編號</option> <option >收藏者</option> </select> </div> </div> <!---------------------------------------------------------------> <div class="col-md-2-2"> <div class="form-group "> <input id="keyword" class="form-control form-control-1" name="searchblank" type="text" id="searchblank" placeholder="關鍵字查詢"> </div></div> <!-------------------------------------------------------> <div class="col-md-2-3" > <div class="form-group" > <select id="filter" class="selectpicker selectpicker1 show-tick form-control form-control-1"> <option >全部</option> <option >聖經</option> <option >信仰著作</option> <option >白話字文獻</option> </select> </div> </div> <!-------------------------------------------------------> <div class="col-md-2-4"> <p class="form-group"> <input class="btn btn-warning1 form-control " type="button" name="submit" id="submit" value="查 尋" onclick="qbs()"/> </p> </div> </form> </div> <!--顯示內容-----------------------------------------------------> <div class="container"> <div class="row"> <div class="col-md-12 mg-t3"> <!--標題************************************************ --> <div class="row content-step"> <div class="col-md-12 content-img"> <a href="index.html">首頁</a> / <a id="res" href="">查詢結果</a> / <a href="#">書目資料</a> </div> </div> <!--標題************************************************ --> <div class="row content-title"> <div class="col-md-12 content-img"> <span id="bname"></span><span id="position"></span> </div> </div> <form class="form1111 mg-t1 mg-b3"> <dl class="dl-1"> <select id="sel" class="form-control w20 f-l" > <option value="0">新、舊約查詢</option> <option value="1">舊約</option> <option value="2">新約</option> </select> <select class="form-control w20 f-l mg-l1" id="sel2" onchange="setcp()"> </select> <select class="form-control w20 f-l mg-l1" id="sel3"> </select> <div class="dd1-3-1"> <div class="f-r pd-r2 font-siz-18 number-go1"> <!-- <div class="f-l pd-t1 "><p>第</p></div>--> <div class="f-l pd-r1 bible-btn-search-input"> <input type="text" value="1" size="2" id="sec" class="changepage form-control font-siz-18"> </div> <div class="f-l pd-t1 number-go1-word"><p>節</p></div> </div> </div> <div class="dd1-3-1"> <p> <input class="btn btn-warning1-index btn-warning1-content form-control button4" type="button" name="submit" value="查 詢" onclick="cssearch()"> </p> </div> </dl> </form> <div class="row "> <hr class="mg-b3"> <!--整排頁瑪上************************************************ --> <div class=" connect-number pd-l2"> <div aria-label="Page" class="number-top f-l"> <ul class=" nav2 f-l paging-container" id="pgtop"> </ul> <div class="f-r pd-r2 font-siz-18 number-go"> <div class="f-l pd-t1"><p>  往第</p></div> <div class="f-l pd-r1 pd-l1 "> <input type="text" value="1" size="2" id="ppu" class="number-go-input changepage form-control font-siz-18" onchange="goto(this.value)"/> </div> <div class="f-l pd-t1 "><p>頁</p></div> </div> </div> </div> <!--左半邊************************************************ --> <div class="col-md-7 content-img content-lightbox"> <!--燈箱************************************************ --> <!--<div class="lightboxOverlay" id="lightboxOverlay" style="width: 1903px; height: 4777px;">--> <div class="f-l w100 " > <a id="bimg" href="" data-lightbox="roadtrip" data-title=""><img id="lbimg" src="" class="img-responsive lightbox-img" ></a> <!--<a href="" data-lightbox="roadtrip" data-title=""></a> <a href="" data-lightbox="roadtrip" data-title=""></a>--> </div> <!----------------------------------------------------> </div> <!--右半邊************************************************ --> <div class="col-md-5 pd-r3 table-discript" > <table class=" table table-striped table-bordered"> <tbody> <tr> <th scope="row">編號</th> <td id="bid"></td> </tr> <tr> <th scope="row">分類</th> <td id="div"></td> </tr> <tr> <th scope="row">西元年代</th> <td id="age"></td> </tr> <tr> <th scope="row">中文年號</th> <td id="agec"></td> </tr> <tr> <th scope="row">書名</th> <td id="title"></td> </tr> <tr> <th scope="row">作者、譯者</th> <td id="author"></td> </tr> <tr> <th scope="row">語言</th> <td id="lang"></td> </tr> <tr> <th scope="row">文體格式</th> <td id="style"></td> </tr> <tr> <th scope="row">簡介</th> <td id="intro"></td> </tr> <tr> <th scope="row">紙本文獻收藏者</th> <td id="provider"></td> </tr> <tr> <th scope="row">影像著作權</th> <td id="copyright"></td> </tr> <tr> <th scope="row">備註</th> <td id="remark"></td> </tr> </tbody> </table> </div> </div> </div> <!--整排頁瑪下************************************************ --> <div class="connect-number pd-l2 connect-number-bottom"> <div aria-label="Page" class="number-top f-l"> <ul class=" nav2 f-l paging-container" id="pgdown"> </ul> <div class="f-r pd-r2 font-siz-18 number-go"> <div class="f-l pd-t1"><p>  往第</p></div> <div class="f-l pd-r1 pd-l1 "> <input type="text" value="1" id="ppd" size="2" class="number-go-input changepage form-control font-siz-18" onchange="goto(this.value)"/> </div> <div class="f-l pd-t1 "><p>頁</p></div> </div> </div> </div> </div> </div> <hr class="mg-t5"> <div class="container note"> <div class="row"> <div class="col-md-12"> 上述資料由紙本文獻收藏者授權給<a href="http://www.fhl.net">信望愛資訊中心</a>製作網路查詢系統。檢索技術與程式由信望愛資訊中心的提供，歡迎<a href="http://bible.fhl.net/new/linkhowto.txt">連結</a>，無須申請。如果發現有錯誤，請<a href="mailto:bible「@」fhl.net">聯絡義工</a>。 </div> </div> </div> <div class="footer w100"> <footer class="w100"> 版權所有©1995-<span id="YY"></span> </footer> </div> </div> </div> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap-select.js"></script> <script type="text/javascript" src="js/headroom.js"></script> <script type="text/javascript" src="js/ppagination1.js"></script> <script> lightbox.option({ 'resizeDuration': 700, 'wrapAround': true, }) </script> <script> $(document).ready(function(){ $(".flip").click(function(){ $(".panel").slideToggle("slow"); }); }); </script> <script> // grab an element document.getElementById("YY").innerHTML=(new Date()).getFullYear(); var myElement = document.querySelector("nav"); // construct an instance of Headroom, passing the element var headroom = new Headroom(myElement, { "offset" : 130, "tolerance" : 1, " classes" : { "initial" : "animated", "pinned" : "slideDown", "unpinned" : "slideUp" } } ); // initialise headroom.init(); // simple as this! // NOTE: init() is implicitly called with the plugin // to destroy //$("#nav").headroom("destroy"); </script> <script> $("#sel").change(function(){ switch (parseInt($(this).val())){ case 0: $("#sel2 option").remove(); break; case 1: setot(); break; case 2: setnt(); break; } }); function setot(){ $("#sel2 option").remove(); var array = [ "創世記","出埃及記","利未記","民數記","申命記","約書亞記", "士師記","路得記","撒母耳記上","撒母耳記下","列王紀上","列王紀下","歷代志上","歷代志下","以斯拉記","尼希米記","以斯帖記","約伯記","詩篇","箴言","傳道書","雅歌","以賽亞書","耶利米書","耶利米哀歌","以西結書","但以理書"," 何西阿書","約珥書","阿摩司書","俄巴底亞書","約拿書","彌迦書","那鴻書","哈巴谷書","西番雅書","哈該書","撒迦利亞書","瑪拉基書" ]; //利用each遍歷array中的值並將每個值新增到Select中 $.each(array, function(i, val) { $("#sel2").append($("<option value='" + array[i] + "'>" + array[i] + "</option>")); }); setochap(); } function setnt(){ $("#sel2 option").remove(); var array = [ "馬太福音","馬可福音","路加福音","約翰福音","使徒行傳","羅馬書","哥林多前書","哥林多後書","加拉太書","以弗所書","腓立比書","歌羅西書","帖撒羅尼迦前書","帖撒羅尼迦後書","提摩太前書","提摩太後書","提多書","腓利門書","希伯來書","雅各書","彼得前書","彼得後書","約翰壹書","約翰貳書","約翰參書","猶大書","啟示錄", ]; //利用each遍歷array中的值並將每個值新增到Select中 $.each(array, function(i, val) { $("#sel2").append($("<option value='" + array[i] + "'>" + array[i] + "</option>")); }); setnchap(); } </script> </body> </html>