Нужно на один сайт добавить простенький счетчик символов в поле заголовка, при добавлении материала.
По сути все сводится к замене данного куска кода:
<div id="edit-title-wrapper" class="form-item">
<label for="edit-title">Название: <span title="Обязательное поле" class="form-required">*</span></label>
<input type="text" class="form-text required" value="" size="60" id="edit-title" name="title" maxlength="255">
</div>
<label for="edit-title">Название: <span title="Обязательное поле" class="form-required">*</span></label>
<input type="text" class="form-text required" value="" size="60" id="edit-title" name="title" maxlength="255">
</div>
Вот на такой:
<div id="edit-title-wrapper" class="form-item">
<label for="edit-title">Название: <span title="Обязательное поле" class="form-required">*</span></label>
<input type="text" class="form-text required" value="" size="60" id="edit-title" name="title" maxlength="255">
<div><small>Количество символов:</small> <span id="symbolsCounter" class="cvet"></span></div>
</div>
<script type="text/javascript">
$(function() {
var ta = $("#edit-title");
var counter = $("#symbolsCounter");
counter.html(ta.val().length);
ta.bind("keyup input", function() {
updateCounter();
});
function updateCounter() {
counter.html(ta.val().length);
}
});
</script>
<label for="edit-title">Название: <span title="Обязательное поле" class="form-required">*</span></label>
<input type="text" class="form-text required" value="" size="60" id="edit-title" name="title" maxlength="255">
<div><small>Количество символов:</small> <span id="symbolsCounter" class="cvet"></span></div>
</div>
<script type="text/javascript">
$(function() {
var ta = $("#edit-title");
var counter = $("#symbolsCounter");
counter.html(ta.val().length);
ta.bind("keyup input", function() {
updateCounter();
});
function updateCounter() {
counter.html(ta.val().length);
}
});
</script>
А как это реализовать на практике? Через _form_alter или ...
немного не въезжаю.
Комментарии
Можете через _nodeapi когда $op == 'prepare' подынклудить свой js-файлик через drupal_add_js(drupal_get_path('module','my_module').'/my.js') а нужный кусок хтмл дорисовать через js
tonnal, спасибо!
А как нужный кусок хтмл дорисовать прямо под полем ввода?
буквы
http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic...
слова
http://www.electrictoolbox.com/jquery-count-words-textarea-input/
Всем спасибо, но проблема не в том чтобы сделать счетчик.
Проблема в том, чтобы воткнуть его вывод в админке прямо под полем