<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function see() {
var get_div = document.getElementById('ltc');
var str = get_div.innerHTML;
var strVal = '';
str = str.split('. ');
for (var chr = 0; chr < str.length; chr++) {
strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + '. '
}
get_div.innerHTML = strVal;
}
</script>
</head>
<body onload="see()">
<div id="ltc">това е само за тест. понеже няма какво трудо да е. нали така? или не е така, а?! тест. тест е това.</div>
</body>
</html> |
След изпълнението получаваш това:
Това е само за тест. Понеже няма какво трудо да е. Нали така? или не е така, а?! тест. Тест е това.. |
Идеята тука е да вземем текста и да го забием в променлива на js. За целта заграждаме текста в някакъв div и му даваме някакво id на този div
<div id="ltc">това е само за тест. понеже няма какво трудо да е. нали така? или не е така, а?! тест. тест е това.</div> |
съставяме си една функция, която ще се вика след като се зареди страницата
Целта на тази функция е да раздели текста по признак точка и интервал, и така разделените редове да ги набие в масив. След което на всеки елемент от масива правим първата буква да е голяма. И така, вземаме текста от нашия div
var get_div = document.getElementById('ltc');
var str = get_div.innerHTML; |
Разделяме го на части, като критерия е точка интервал
Организираме си цикъл за всичките елемента на получения масив (тоест: колко точки с интервал сме хванали)
for (var chr = 0; chr < str.length; chr++) { |
И в този цикъл правим само първата буква от стринга голяма. Добавяме резултата в променлива, която предварително сме създали, след което добавяме и точка и интервал.
strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + '. '; |
И най- накрая подменяме съдържанието на нашия div с новополученото.
get_div.innerHTML = strVal; |
Сега, както виждаш това работи само за точка с последващ интервал, но ако имаш друг препинателен знак въпросителен, удивителен, многоточие или всичко, което служи за край на изречението - не работи. Ако искаш да работи и за другите препинателни знаци ще трябва да повториш занятието във функцията see() още няколко пъти с новите изисквания. Също така на последното изречение се появява една допълнителна точка ще трябва да я изрежеш.
Ами, това е.