个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我在 Facebook 应用程序中有一个 textarea 元素，我想在视觉上限制一定数量的字符。这是我从网上获得的代码片段:
<script>
function textCounter(textarea, countdown, maxlimit)
{
textareaid = "ta1";
if (textareaid.value.length > maxlimit)
textareaid.value = textareaid.value.substring(0, maxlimit);
else
document.getElementById(countdown).value = '('+(maxlimit-textareaid.value.length)+' characters available)';
}
</script>
<form>
<textarea id="ta1" name="ta1" rows=5 cols=20
onKeyDown="textCounter('ta1','ta1count',100);"
onKeyUp="textCounter('ta1','ta1count',100);"
></textarea>
<br/>
<input id="ta1count" readonly type="text" size="30"/>
</form>
<script type="text/javascript">
textCounter('ta1','ta1count',100);
</script>
该脚本在 Facebook 框架之外运行良好，但我不明白 FBJS 的限制以及我需要更改哪些内容才能使该脚本运行。有人成功实现了类似的功能吗？
谢谢。
最佳答案
您发布的代码片段不起作用。
这是一个可以工作的版本(经过测试)
<html>
<head>
<title>Tarea test</title>
<script type="text/javascript">
function id (e) {
return document.getElementById(e);
}
window.onload = function () {
var oElement = id('message');
var iMaxChars = 300;
oElement.onblur = getHandler(iMaxChars);
oElement.onfocus = getHandler(iMaxChars);
oElement.onchange = getHandler(iMaxChars);
oElement.onkeyup = getHandler(iMaxChars);
updateTextArea('message', iMaxChars);
}
function getHandler(iMaxChars) {
return function () { updateTextArea('message', iMaxChars) };
}
function updateTextArea(sTextAreaID, iMessageMaxLength) {
var oTextAreaNode = id(sTextAreaID);
var oMessageCounter = id('messagecounter');
var sMessageValue = oTextAreaNode.value;
var iMessageLength = sMessageValue.length;
if (iMessageLength > iMessageMaxLength) {
oTextAreaNode.value = sMessageValue.substr(0, iMessageMaxLength);
iMessageLength=iMessageMaxLength;
}
oMessageCounter.innerHTML = ""+(iMessageMaxLength - iMessageLength);
}
</script>
</head>
<body>
<form action="#" method="post">
<fieldset>
<label for="message" id="messagelabel">Message <span id="messagecounter">300</span></label>
<textarea id="message" name="message" rows="10" cols="50"></textarea>
</fieldset>
</form>
</body>
</html>
在您的示例中，您尝试从字符串中获取值。 textareaid.valuetextareaid 不是此范围内的节点。
关于javascript - FBJS 文本区域倒计时，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1527346/
26
4
0
我正在尝试将 material-ui 用于项目。使用它时会抛出以下错误: 我曾尝试通过 github 存储库解决类似问题，但没有任何运气。任何人都有任何想法可能是什么问题？我正在添加 package.
我试图了解 fbml 和 xfbml 之间到底有什么区别! XFBML 与 FBML 结合 java 脚本相同吗？ 最佳答案 FBML 是 facebook 的专有标记语言，最初所有应用程序 View
我必须为我当前的应用程序使用fbjs。我之前使用过 api.requireLogin 函数，但后来我查看了文档，发现该函数已被弃用并建议使用 FB.Connect.requireSession() 代
我尝试了其中一个示例 here加载div中的内容，但除了显示图像之外，它不显示任何内容。我哪里出错了？ 文件ajax1.js: function General_Refresh(url,div){
当我们有特殊字符时发生错误 当我单击此文本框时，它显示问题: Failed to processs FBML JavaScript. Exception = "Javascript parse e
我在 Facebook 应用程序中有一个 textarea 元素，我想在视觉上限制一定数量的字符。这是我从网上获得的代码片段: function textCounter(textarea,
我在 Facebook 应用程序上使用 FBJS 时遇到表单验证问题。我查看了文档中的验证示例，我可以使用 form.serialize(); 检查文本框值但不幸的是我不知道如何检查下拉列表和复选框值
我想在我的 facebook 应用程序中使用 javascript，但我不知道如何从 FBJS 开始使用它。请有人帮助我!就像 click me function greeting(){ ale
我在使用一些旧的 FBJS 时遇到了问题。验证我正在使用的字段的值 document.getElementById('email2').getValue() 这现在给了我错误 Error: a1979
我只是想要 Facebook 应用程序(业务)选项卡上的一些选项卡功能 我有一些基本的 HTML 和 JS [fbjs]，这似乎不起作用我不知道出了什么问题。 foo div 我错过了什么？ 最佳
我想知道如何在 Facebook 应用程序的 FBJS 中使用 $(document).ready 或类似的东西。我尝试了 $(document).ready 但它不起作用。我也找不到任何相关文件..
FBJS 正在驱动我的精神，我在选择元素时遇到问题。我的页面内容如下: Send Message 作为我的 FBJS 的一部分，我有 var refSend
所以我浏览了这里的大部分 facebook 问题，它完全证实了我的想法。 Facebook 开发可能是我用过的最糟糕的开发之一。我会暂时避免我的咆哮，但作为我来自哪里的注释:尝试过 php sdk，开
当人们单击选项卡时，我尝试向选项卡添加和删除类。这就是我现在所拥有的，它绝对没有任何作用..! 我用以下方式调用它: Tab 1 我似乎无法弄清楚......谢谢! 最佳答案 您的函数名为 to
我对 Facebook 的 Javascript 实现有点困惑。我想在复选框上设置一个监听器，以便在选中时更改我可以通过 ID 获取的元素的类。 我一直在使用测试控制台并尝试了各种排列组合。 Java
我在浏览 React 源代码时无意中发现了一个需求，它是 var emptyFunction = require('fbjs/lib/emptyFunction');。 我查看了这个函数，对它的作用感
是否有一个回调函数(例如 onComplete)？我想显示一个加载程序。 FB.XFBML.parse() 最佳答案 是的，第二个参数是回调函数。例如，这应该有效: FB.XFBML.parse(do
我正在 Facebook 上开发一个应用程序。我遇到了一些我想调试的模糊情况。问题是 Facebook 添加了很多包装代码并更改了名称，更不用说它已经使用了称为 FBJS 的 JavaScript 的
我尽力根据此页面将 JavaScript 转换为 FBJS:http://wiki.developers.facebook.com/index.php/FBJS . 但我的标签仍然无法正常工作。有没有
我有一个 Canvas Facebook应用程序，我在JS数组中拥有所有用户 friend ，我想一一显示用户 friend 的图片+姓名，单击“下一步”按钮后，我编写的代码不起作用: /* I'
我是一名优秀的程序员,十分优秀！