首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >例如,如何使用Javascript或Jquery为圣经经文创建搜索功能

例如,如何使用Javascript或Jquery为圣经经文创建搜索功能
EN

Stack Overflow用户
提问于 2013-04-26 09:23:28
回答 2查看 1.1K关注 0票数 0

我正在尝试为我的网页上的圣经创建一个下拉列表的链接,我对这个东西是新的。我想要做的是能够选择或要求用户输入他们想要去的经文,然后单击提交按钮,然后将其带到圣经的部分。例如,如果用户输入“马太福音”1: 2-10,这将把他们带到圣经经文的那一节。我该如何开始这样做?Javascript和Jquery是否是正确的脚本,或者我需要使用其他编程语言?

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2013-04-26 09:35:30

如果您计划将圣经文本存储在服务器上的数据库中,则需要两种编程语言:一种用于服务器,另一种用于客户端(浏览器)。JavaScript (带或不带jQuery)将是一个很好的客户端工具。替代方法是ActionScript (Flash)或Java applet,但我不推荐使用这两种方法。

在服务器端,这完全取决于服务器的性质。可能最常见的组合是PHP和MySQL,尽管还有很多其他的可能性。例如,您可以将数据存储在服务器上的XML文件中,然后使用XSLT格式化结果,以便在客户机上以HTML格式显示。这就是tanach.us (希伯来圣经)所采取的方法。

票数 0
EN

Stack Overflow用户

发布于 2013-04-26 12:48:52

对这样的任务很感兴趣,我很好奇。是的,这是可以做到的,但不要只是挥手离开@Ted他的评论。对于数据库应用程序来说,这确实是一个更好的选择。但是,如果你不介意这项工作,并且只是小规模地使用它,那么创建一个基于javascript的应用程序来为你的页面提供服务是可能的。

您可以使用iframe为您的页面提供服务。通过创建一个选择框来填充第二个选择框,可以创建一个可接受的应用程序。页面被收集在javascript对象中并提供服务。在本例中,使用了w3schools域。

代码语言:javascript
运行
复制
var Mathew = {
     verses: ["verse2_1", "verse2_2", "verse2_3"],
     verse2_1: "html/html_iframe.asp",
     verse2_2: "tags/tag_select.asp",
     verse2_3: "jquery/default.asp"
 }

第一个选择框将包含手动编码的选项列表

代码语言:javascript
运行
复制
<select name="book" id="book">
    <option value="choose">Please choose</option>
    <option value="Mathew">Mathew</option>
    <option value="John">John</option>
</select>

第二个选项列表在javascript对象的帮助下自动填充。

代码语言:javascript
运行
复制
function populateSecondSelect(book) {
    if (book == "choose") {
        $("#verses").children().remove();
        $("#verses").append("<option>choose a book first</option>");
        $("button").prop("disabled", true);
        return;
    }

    $("button").prop("disabled", false);
    var obj = eval(book);
    $("#verses").children().remove();
    $(obj.verses).each(function () {
        $("<option/>", {
            name: this,
            id: this,
            value: this,
            text: this
        }).appendTo("#verses");
    });
}

进行第二次选择后,可以单击该按钮以提供页面:

代码语言:javascript
运行
复制
function fetchVerse() {
    var book = $("#book").val();
    var verse = $("#verses").val();
    var url = baseUrl + eval(book + "." + verse);
    $("#frame").attr("src", url);
}

整个过程都很顺利:http://jsfiddle.net/djwave28/nEqeK/4/

这很有趣,但是一个完整圣经的数据库更好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16227282

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档