我正在尝试在我的网页上为圣经创建一个下拉列表链接,我对这个东西很陌生。我想要做的是能够选择或要求用户输入他们想要去的经文,然后单击提交按钮,然后将其带到圣经的部分。例如,如果用户输入 Mathew 1: 2-10,这应该将他们带到圣经经文那一行的那个部分。我如何开始这样做?Javascript 和 Jquery 是正确的脚本还是我需要使用其他编程语言?
谢谢你。
我正在尝试在我的网页上为圣经创建一个下拉列表链接,我对这个东西很陌生。我想要做的是能够选择或要求用户输入他们想要去的经文,然后单击提交按钮,然后将其带到圣经的部分。例如,如果用户输入 Mathew 1: 2-10,这应该将他们带到圣经经文那一行的那个部分。我如何开始这样做?Javascript 和 Jquery 是正确的脚本还是我需要使用其他编程语言?
谢谢你。
对这样的任务很感兴趣,我想知道。是的,它可以做到,但不要只是挥手 @Ted 他的评论。选择数据库应用程序确实是一个更好的选择。但是,是的,如果您不介意这项工作并且只是小规模地使用它,则可以创建一个基于 javascript 的应用程序来为您的页面提供服务。
您可以使用 iframe 为您的页面提供服务。通过创建一个填充第二个选择框的选择框,可以制作一个可接受的应用程序。这些页面被收集在 javascript 对象中并提供服务。在此示例中,使用了 w3schools 的域。
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"
}
第一个选择框将包含一个手工编码的选项列表
<select name="book" id="book">
<option value="choose">Please choose</option>
<option value="Mathew">Mathew</option>
<option value="John">John</option>
</select>
第二个选项列表是在 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");
});
}
进行第二个选择后,可以单击该按钮以提供页面:
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/
这很有趣,但是整本圣经的数据库更好..
如果您打算将圣经文本存储在服务器上的数据库中,那么您将需要两种编程语言:一种用于服务器,一种用于客户端(浏览器)。JavaScript(有或没有 jQuery)对于客户端来说是一个很好的工具。替代方案是 ActionScript (Flash) 或 Java 小程序,但我不会为此推荐其中任何一个。
在服务器端,它完全取决于服务器的性质。可能最常见的组合是 PHP 和 MySQL,尽管还有很多其他的可能性。例如,您可以将数据存储在服务器上的 XML 文件中,并使用 XSLT 格式化结果以在客户端上以 HTML 格式显示。这就是tanach.us(用于希伯来圣经)所采用的方法。