Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рабора со строками. / 17 сообщений из 17, страница 1 из 1
08.06.2016, 22:45
    #39253181
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
Добрый день. Подскажите пожалуйста как здесь выделить искомое слово тегом <b> . Вроде знаю и индекс начала этого слова и длину его....а затык в том, как добавить <b> например перед искомым словом в текст.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE HTML>
<html>
<head>
	<title>Строковые операции ДЗ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<script type="text/javascript">
		function findText(){
			var t = document.getElementById("text").innerHTML;
			var search = document.getElementById("search").value;
			var index = t.indexOf(search);
		}
	</script>
	<p id="text">
		В нашу задачу не входит обосновать vdekameron какое-либо из существующих или предложить новое понимание этого термина. В аспекте настоящего исследования более существенно попытаться определить его отношение к некоторым другим базовым понятиям, в частности к понятию языка. Здесь можно выделить два подхода. Первый: язык мыслится как некоторая первичная сущность, которая получает материальное инобытие, овеществляясь в ТЕКСТЕ (См. определение М.-А.-К.Холидея: "Текст — это язык в действии" — Прим. Лотмана). При всем разнообразии аспектов и подходов здесь выделяется общая презумция: язык предшествует ТЕКСТУ, ТЕКСТ порождается языком… Даже в тех случаях, когда подчеркивается, что именно ТЕКСТ составляет данную лингвисту реальность и что любое изучение языка отправляется от ТЕКСТА, речь идет об эвристической, а не онтологической последовательности: поскольку в само понятие ТЕКСТА включена осмысленность, ТЕКСТ по своей природе подразумевает определенную закодированность. Следовательно, наличие КОДА полагается как нечто предшествующее. 
	</p>
	<input id="search" type="text" placeholder="Поиск текста"><br>
	<input type="button" value="Поиск" onclick="findText()">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 07:40
    #39253249
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
Подробнее какой именно токст вам выделить надо?

Можно или так $("#text").html("<b>text text text</b>");

Или css изменить $("#text").("font-wight","bold");

Вот так как то.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 08:11
    #39253257
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
vdekameron , ты сообщения свои начинай редактировать. Куда нафик такая ширина!

Так же нужно писать "в каком тексте" и "чего нужно выделить"...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 08:16
    #39253259
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
krvsa,

Поддерживаю
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 08:22
    #39253262
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
https://learn.javascript.ru/range-textrange-selection
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 08:32
    #39253266
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
vdekameron,

Если у Вас будет только чистый текст (в чём я сомневаюсь), а не произвольный HTML-код, то подойдёт вот это.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!DOCTYPE HTML>
<html>
<head>
	<title>Строковые операции ДЗ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<script type="text/javascript">
	function findText(){
		var index,
			tNode = document.getElementById("text"),
			text = tNode.innerHTML || '',
			search = document.getElementById("search").value || '',
			sLength = search.length,
			ins1 = '<span style="font-weight:bold">',
			ins2 = '</span>';

		// search = search.replace(/^\s+|\s+$/g,''); } /* Удаление пробельных символов по краям строки */
		text = text.replace(ins1,'').replace(ins2,''); /* Очищаем старое выделение */
		index = text.toLowerCase().indexOf( search.toLowerCase() ); /* поиск без учёта регистра */
		if (sLength>0 && index>=0) {
			text = text.substr(0, index) + ins1 + text.substr(index, sLength) + ins2 + text.substr(index + sLength);
		}
		tNode.innerHTML = text;
	}
	</script>
	<p id="text">В нашу задачу не входит ....</p>
	<input id="search" type="text" placeholder="Поиск текста"><br>
	<input type="button" value="Поиск" onclick="findText()">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 08:40
    #39253270
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
P.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 09:03
    #39253289
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
бухалтер фантоцциP.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
Для очищения более одного старого тоже? :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.06.2016, 09:06
    #39253290
бухалтер фантоцци
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
skyANAбухалтер фантоцциP.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
Для очищения более одного старого тоже? :)я ответил на конкретный вопрос:
vdekameronВроде знаю и индекс начала этого слова и длину его....а затык в том, как добавить <b> например перед искомым словом в текст.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 10:30
    #39254056
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
Уже нашел способ. Спасибо всем кто отозвался. Извините что непонятно объясняю.
Но почему-то не получается из одной функции вызвать другую, что не так делаю?? Не верю что нельзя вызывать одну функцию из другой.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE HTML>
<html>
<head>
	<title>Строковые операции ДЗ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<script type="text/javascript">
		function changeSomeText(){
			alert(вавав);
			var t = document.getElementById("text").innerHTML;
			var changeWord = document.getElementById("input").value;
			t = t.replace(changeWord, "<b>vdekameron</b>");
			document.getElementById("text").innerHTML = t;
		}
		function notEmpty(){
			var changeWord = document.getElementById("input").value;
			if (changeWord == "") alert("Вы не ввели текст");
			else changeSomeText();
		}
	</script>
	<p id="text">В нашу задачу не входит обосновать vdekameron какое-либо из существующих или предложить vdekameron новое понимание этого термина. В аспекте настоящего исследования более существенно попытаться определить его отношение к некоторым другим базовым понятиям, в частности к понятию языка. Здесь можно выделить два подхода. Первый: язык мыслится как некоторая первичная сущность, которая получает материальное инобытие, овеществляясь в ТЕКСТЕ (См. определение М.-А.-К.Холидея: "Текст — это язык в действии" — Прим. Лотмана). При всем разнообразии аспектов и подходов здесь выделяется общая презумция: язык предшествует ТЕКСТУ, ТЕКСТ порождается языком… Даже в тех случаях, когда подчеркивается, что именно ТЕКСТ составляет данную лингвисту реальность и что любое изучение языка отправляется от ТЕКСТА, речь идет об эвристической, а не онтологической последовательности: поскольку в само понятие ТЕКСТА включена осмысленность, ТЕКСТ по своей природе подразумевает определенную закодированность. Следовательно, наличие КОДА полагается как нечто предшествующее.</p>
	<input type="button" value="Заменить" onclick="notEmpty()">
	<input type="text" id="input">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 11:01
    #39254083
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
Код: javascript
1.
2.
3.
4.
5.
6.
if (changeWord == "") {
   alert("Вы не ввели текст");
}
else {
   changeSomeText();
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 11:11
    #39254094
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
вадя,

Между
Код: javascript
1.
2.
3.
4.
5.
6.
if (changeWord == "") {
   alert("Вы не ввели текст");
}
else {
   changeSomeText();
}


и
Код: javascript
1.
2.
if (changeWord == "") alert("Вы не ввели текст");
			else changeSomeText();


нет никакой разницы, насколько я знаю когда после условия выполняется одна строка то допустимо писать без фигурных скобок. ИТОГ - все равно не вызывается ф-я
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 11:55
    #39254139
DarkMaster
DarkMaster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
vdekameron,

function changeSomeText(){
>>> alert(вавав);<<< // это чего такое???
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 12:31
    #39254179
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
vdekameron,
может и нет, но стиль написания должен быть наглядным.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 12:33
    #39254181
DarkMaster
DarkMaster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
вадя,

Он там alert() с синтаксической ошибкой влепил зачем-то. Дальше разбирать не стал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 12:42
    #39254190
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
DarkMaster,

пусть для начала освоит F12
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.06.2016, 13:01
    #39254206
vdekameron
vdekameron
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рабора со строками.
DarkMasterОн там alert() с синтаксической ошибкой влепил зачем-то. Дальше разбирать не стал.

Прошу прощения(((
Вот результат, который я хотел получить. Очень помог метод replace совместно с RegExp. Оказывается там даже цикл не нужен, достаточно задать глобально - \g и без учета регистра - \i
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE HTML>
<html>
<head>
	<title>Строковые операции ДЗ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<script type="text/javascript">
		function changeSomeText(){
			var t = document.getElementById("text").innerHTML;
			var changeWord = document.getElementById("input").value;
			document.getElementById("text").innerHTML = t.replace(new RegExp(changeWord, "gi"), "<b>vdekameron</b>");
		}
		function notEmpty(){
			var changeWord = document.getElementById("input").value;
			if (changeWord == "") alert("Вы не ввели текст");
			else changeSomeText();
		}
	</script>
	<p id="text">В нашу задачу не входит обосновать vdekameron какое-либо из существующих или предложить vdekameron новое понимание этого термина. VDEKAMERON В аспекте настоящего исследования более существенно попытаться определить его отношение к некоторым другим базовым понятиям, в частности к понятию языка. Здесь можно выделить два подхода. Первый: язык мыслится как некоторая первичная сущность, которая получает материальное инобытие, овеществляясь в ТЕКСТЕ (См. определение М.-А.-К.Холидея: "Текст — это язык в действии" — Прим. Лотмана). При всем разнообразии аспектов и подходов здесь выделяется общая презумция: язык предшествует ТЕКСТУ, ТЕКСТ порождается языком… Даже в тех случаях, когда подчеркивается, что именно ТЕКСТ составляет данную лингвисту реальность и что любое изучение языка отправляется от ТЕКСТА, речь идет об эвристической, а не онтологической последовательности: поскольку в само понятие ТЕКСТА включена осмысленность, ТЕКСТ по своей природе подразумевает определенную закодированность. Следовательно, наличие КОДА полагается как нечто предшествующее.</p>
	<input type="button" value="Заменить" onclick="notEmpty()">
	<input type="text" id="input">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рабора со строками. / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]