Vielleicht habe ich zu lange an meiner Site gearbeitet, aber ich kann das folgende nicht zur Arbeit bekommen. Ich habe mein Textarea ein Onkeyup() Ereignis namens Limiter feuern, die das Textfeld überprüfen und den Text in der Box begrenzen soll, während ein anderes Readonly-Eingabefeld, das die Menge der verbleibenden Zeichen zeigt aktualisiert.Kann document.getElementById() nicht finden, um mein textarea zu finden
Dies ist der Javascript-Code:
<script type="text/javascript">
var count = "500";
function limiter(){
var comment = document.getElementById("comment");
var form = this.parent;
var tex = comment.value;
var len = tex.length;
if(len > count){
tex = tex.substring(0,count);
comment.value =tex;
return false;
}
form.limit.value = count-len;
}
</script>
Das Formular sieht wie folgt aus:
<form id="add-course-rating" method="post" action="/course_ratings/add/8/3/5/3"
accept- charset="utf-8"><div style="display:none;"><input type="hidden"
name="_method" value="POST" />
//Other inputs here
<div id="comment-name" style="margin-top:10px">
<div id="comment-name-text">
<b>Comments</b><br />
Please leave any comments that you think will help anyone else.
</div>
<style type="text/css">
.rating-form-box textarea {
-moz-border-radius:5px 5px 5px 5px;
}
</style>
<div class="rating-form-box">
<textarea name="data[CourseRatings][comment]" id="comment"
onkeyup="limiter()" cols="115" rows="5" ></textarea>
<script type="text/javascript">
document.write("<input type=text name=limit size=4
readonly value="+count+">");
</script>
</div>
<input type="submit" value="Add Rating" style="float: right;">
</form>
Wenn jemand das wäre toll helfen kann.
Sorry das war ein weiterer Versuch, wird jetzt behoben – Slruh
Setzen Sie die Skripte nach Tag. – miqbal
Nein, das tut nichts – Slruh