0

我正在从数据库中提取数据并将其显示在文本区域中。我有一个字符倒计时javascript。正在为数据库/表中的每个条目重复文本区域。

<SCRIPT type="text/javascript">
<!-- Begin
    function textCounter(field,cntfield,maxlimit) {
        if (field.value.length > maxlimit) // if too long...trim it!
            field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
        else
            cntfield.value = maxlimit - field.value.length;
}
//  End -->
</script>

这是php：

echo "<b>$ID : $adname</b><br /><a href=\"?action=deletead&IDnum=$ID\">Delete Ad</a><br /><br />\n";
    echo "Preview :<br /><div class=\"adcode\">$adcode</div><br /> \n";
    echo "<br />\n";
    echo "<form action=\"displayads.php\" name=\"addAD$ID\" method=\"post\">\n";
    echo "AD code (can be any type of script) text link, javascript or banner :<br />\n";
    echo "Code :<br /><textarea name=\"adcode$ID\" wrap=\"physical\" cols=\"60\" rows=\"5\" onKeyDown=\"textCounter(document.addAD$ID.adcode$ID,document.addAD$ID.remLen$ID,5000)\" onKeyUp=\"textCounter(document.addAD$ID.adcode$ID,document.addAD$ID.remLen$ID,5000)\">$adcode</textarea>";
    echo "<br /><input readonly type=\"text\" name=\"remLen$ID\" size=\"3\" maxlength=\"3\" value=\"5000\">Characters Left \n";
    echo "<input type=\"submit\" name=\"editad$ID\" value=\"Edit AD Code\"></form>\n";
    echo "<br /><hr />";

问题是如何执行加载页面加载事件以使具有唯一名称 textarea name=\"adcode$ID\" 的所有 textarea(s) 反映正确的加载字符数。相反，现在它仅在您更改文本区域中的信息时才反映正确的数量。

4

2 回答 2

1

一种快速而肮脏的方法是遍历文本区域并触发绑定到onkeyup事件的函数......

(function () {
    var textareas = document.getElementsByTagName('textarea'),
        i = 0;
    for (i = 0; i < textareas.length; i += 1) {
        textareas[i].onkeyup();
    }
}());​

更新：

是的，这应该在加载时运行，或者至少在文本区域渲染之后运行。

function addHandler(obj, evType, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evType, fn, false);
        return true;
    } else if (obj.attachEvent) {
        var r = obj.attachEvent("on" + evType, fn);
        return r;
    } else {
        return false;
    }
}
addHandler(window, 'load', function () {
    var textareas = document.getElementsByTagName('textarea'),
        i = 0;
    for (i = 0; i < textareas.length; i += 1) {
        //fire off the "onkeyup" handler.
        textareas[i].onkeyup();
    }
});

或者：

<!-- this script block should be inserted after all of the textareas. -->
<script type="text/javascript">
    (function () {
        var textareas = document.getElementsByTagName('textarea'),
            i = 0;
        for (i = 0; i < textareas.length; i += 1) {
            //fire off the "onkeyup" handler.
            textareas[i].onkeyup();
        }
    }());
</script>
于 2012-10-06T01:13:37.287 回答
0

或者你可以在 php 中处理它：

$adcode = substr($adcode,0,5000);

echo '<input readonly type="text" name="remLen' . $ID . '" ' .
         'size="3" maxlength="3" value="' . (5000 - strlen($adcode)) . '">' . 
         'Characters Left' . PHP_EOL;
于 2012-10-06T01:25:15.707 回答