0

ユーザーが編集するテキストが事前に入力されたモーダルがあり、500 文字に制限されています。「残りキャラ」のお知らせを入れたかったのです。onKeyUp で動作していますが、残りの文字数で初期化したいです (現在、ユーザーがキーを押すまでスパンは空です)。どちらの onLoad 関数も機能していません (おそらく onLoad が間違っているのでしょうか? ここではかなり新しい機能です)。どんな助けでも大歓迎です！

<div id="tooltip-modal" style="display:none">   
    <script language = "Javascript">
    maxLength = 500;
    var container = $("#tooltip_body");

    function taCount(tooltipBody,Cnt) { 
        objCnt = createObject(Cnt);
        objVal = tooltipBody.value;
        if (objCnt) {
            objCnt.innerText=maxLength-objVal.length;
        }
        return true;
    }

    function createObject(objId) {
        if (document.getElementById) return document.getElementById(objId);
        else if (document.layers) return eval("document." + objId);
        else if (document.all) return eval("document.all." + objId);
        else return eval("document." + objId);
    }
    onLoad="alert('Loaded')";
    onLoad="return taCount(container,'myCounter')";
    </script>

    <body>
    <form method="post" action="#" id="update-tooltip">
        <h2>Edit the description of this item:</h2>
        <input type="hidden" name="tooltip_id" id="tooltip_id">
        <textarea onKeyUp="return taCount(this,'myCounter')" name="tooltip_body" id="tooltip_body" class="input" rows=7 wrap="physical" cols=40></textarea>
        <br><br>

        You have <strong><span id="myCounter" ></span></strong> characters remaining for your description...</h3><br>
        <button type="submit" value="Update" id="update" >Update</button>
    </form>
</body>
</div>
4

1 に答える 1