Главная » JavaScript, Нововведения на сайте » Подсчет количества введенных символов, инструмент
Июл
11

Подсчет количества введенных символов, инструмент

Однажды я написал статью и разместил ее своем блоге. Позже, немного переделав, подал ее в сервис miralinks на модерацию. Хотел разместить статью с несколькими ссылками на страницы своего блога. Но мне отказали. Мне было интересно знать причину, ведь статья полная, уникальность больше 90% и тд. Зашел в администраторскую панель чтобы посмотреть причину, а она была такова: «Текст содержит меньше 2 тысяч символов». Сейчас я не знаю чтобы они мне ответили, но с того момента я начал считать что «полная» статья должна иметь больше 2к символов.

Реализовать инструмент по подсчету количества введенных символов в какое то текстовое поле, я хотел уже очень давно. Наверное даже с того момента как мне отказали в публикации, но знания не позволяли. Совсем недавно начал изучать язык JavaScript и реализовать данный инструмент стало совсем не сложно.


cсылка на инструмент по подсчету количества символов





Подсчет количества введенных символов, инструмент
Исходный код которым реализован данный сервис:
[sourcecode language=»javascript»]
<html>
<head>
<title>Подсчет количества введенных символов</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
<!—
function f_submit() {
document.getElementById("pole3").readOnly = true;
}
function f_reset() {
document.getElementById("pole1").style.backgroundColor = "#FFFFFF";
document.getElementById("pole2").style.backgroundColor = "#FFFFFF";
document.getElementById("pole3").style.backgroundColor = "#FFFFFF";
}

function f_keyup() {
var pole1 = document.getElementById("pole1").value;
var pole1define = pole1.length;
document.getElementById("pole3").value ="Колич. введенных симв.: " + pole1define;
}
[/sourcecode][sourcecode language=»javascript»]
function f_tom() {
var pole1 = document.getElementById("pole1").value;
var pole1define = pole1.length;
var msg = 2000-pole1define;
document.getElementById("pole2").value ="Колич. символ. до 2к: " + msg;
if (msg <= 0 ) {
document.getElementById("pole2").style.backgroundColor = "#FFE4E1";
}
if (msg >= 0 ) {
document.getElementById("pole2").style.backgroundColor = "#FFFFFF";
}
}

//—>
</script>
</head>
<body vlink="black" alink="black" background="http://kpeople.ru/text.jpg">
<form action="text.php" method="POST" name="frm" id="frm"
onsubmit="f_submit();" onreset="f_reset();">
<div>
<b>Введите или вставле фрагмент текста в данное поле</b><br/>
<em>Используте <b>Ctrl + C</b> для копирования текста и <b>Ctrl + V</b> для вставки.</em><br />
<textarea name="pole1" id="pole1" onkeyup="f_keyup(); f_tom();" ondblClick="this.value=»;" cols="60" rows="10">Вставьте или введите в данное поле фрагмент текста. После чего в полях ниже вы увидите данные по количеству введенных символов. <!— Чтобы приступить к работе кликните дважды по данному полю —></textarea>
<br/>
<b>Количество символов</b><br/>
<input type="text" name="pole3" id="pole3" style="background-color: #FFFFFF" size="40" value="Колич. введенных симв.: 0" ><input type="image" src="http://cdn2.iconfinder.com/data/icons/ecqlipse2/SEARCH.png" width="25" onClick="alert(‘Общее число введенных или вставленных символов в текстовое поле.’)"><br>
<input type="text" name="pole2" id="pole2" style="background-color: #FFFFFF" size="40" value="Колич. символ. до 2к: 2000"><input type="image" src="http://cdn2.iconfinder.com/data/icons/ecqlipse2/SEARCH.png" width="25" onClick="alert(‘Общее число введенных или вставленных символов до 2 тисяч. Идеальным размером любой статьи является длина в 2к симолов. Опция уведомит вас в случаи превышения количества символов.’)"><br>
<input type="reset" value="Очистить"> <input type="button" value="Справка" onClick="alert(‘1. Дважды кликните на текстовое поле и введите / вставьте фрагмент текста \n2. В полях ниже будет отображено количество введенных символов \n3. Для повторного определения нажмите на кнопку <Очистить>. \nИнструмент разработан автором блога http://kpeople.ru’)">
<hr color="black" size="1" width="500" align="left">
<sup><a href="http://kpeople.ru/">Блог разработчиков</a> | <a href="http://kpeople.ru/podschet-kolichestva-vvedennyx-simvolov-instrument">Страница с описанием данного интструмента</a> </sup>
</div>
</form>
</body>
</html>
[/sourcecode]

Если вам понравился данный инструмент нажмите на кнопочку Retweet или Мне нравится. Спасибо за вашу поддержку.
Если заметили какие либо ошибки просьба сообщить. Также приниматься советы по доработке данного инструмента.



Понравилась статья? Сделай приятно ее автору, поделись с друзьями:


Хотите получать обновления данного блога на EMail?

Введите адрес Почтового Ящика:




Подтвердите подписку в письме пришедшем на Почту, после чего начнете получить рассылку.