在WordPress中创建自定义计算器

时间:2017-05-05 作者:Rookie

我对Stack exchange和Wordpress都是新手。所以我不知道我问这个问题是否合适。我正在wordpress网站上写一篇技术博客,我想在博客中加入一个自定义计算器,用户在输入3个变量的值时,计算器将预测因变量的结果。例如,假设Y=5X+4T。我想在我的博客文章中构建一个计算器,它允许我输入X和T的不同值,然后相应地返回Y的值。如果我在错误的地方发布了错误的问题,请提前道歉。谢谢

2 个回复
SO网友:joetek

假设您只想显示结果,而不想将其保存到服务器,那么创建一个实时计算器需要一点Javascript代码,并为输入创建表单字段。

请注意,默认情况下,您不能将Javascript添加到WordPress。com站点,或激活KSE的自托管安装。如果您以管理员身份登录,则不受这些限制。

假设您有适当的权限在帖子中包含Javascript,您可以将类似的内容粘贴到帖子内容的“文本”窗口中:

X: <input id="valX" />
T: <input id="valT" />
<input type="button" value="Calculate" onclick="javascript:result.value=(5*parseInt(valX.value))+(4*parseInt(valT.value));" />
Result: <input id="result" /> 

SO网友:Brain

有几种方法可以创建这样的计算器,每种方法都可以根据难度进行划分:

1) 最简单的方法是在插件的帮助下创建一个计算器,如Contact Form 7uCalc. 此选项允许您在页面或帖子的内容中嵌入带有短代码的计算器。这样的插件完全输出计算器。

2) 如果希望在没有计算器的情况下显示特定结果,则必须借助JavaScript进行设计。这是一个稍微复杂一些的计算选项,假设您熟悉JavaScript。例如,您可以简单地在页面中插入一些id为的元素,其中通过脚本输出计算结果。

3) 一个困难的选择是写作your own plugin, 它将执行必要的计算,并使用特殊功能和网站页面上的短代码输出。这里不仅需要JavaScript,还需要PHP和Wordpress API.

相关推荐

Call another page in forms

我正在为WordPress插件做一些练习。在插件中,我正在处理一个表单,我需要的是在提交时调用另一个页面。我试过了,但似乎什么都没用。<form method = \"Post\" action = \"some_file.php\"> </form>