powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рабора со строками.
17 сообщений из 17, страница 1 из 1
Рабора со строками.
    #39253181
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
Рабора со строками.
    #39253249
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Подробнее какой именно токст вам выделить надо?

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

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

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

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

Поддерживаю
...
Рейтинг: 0 / 0
Рабора со строками.
    #39253262
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Рабора со строками.
    #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
Рабора со строками.
    #39253270
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
P.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
...
Рейтинг: 0 / 0
Рабора со строками.
    #39253289
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бухалтер фантоцциP.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
Для очищения более одного старого тоже? :)
...
Рейтинг: 0 / 0
Рабора со строками.
    #39253290
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANAбухалтер фантоцциP.S. Для выделения более одного найденного слова, предлагаю самостоятельно помучаться, мне лень и всех вводных не знаю.
Для очищения более одного старого тоже? :)я ответил на конкретный вопрос:
vdekameronВроде знаю и индекс начала этого слова и длину его....а затык в том, как добавить <b> например перед искомым словом в текст.
...
Рейтинг: 0 / 0
Рабора со строками.
    #39254056
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
Рабора со строками.
    #39254083
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
if (changeWord == "") {
   alert("Вы не ввели текст");
}
else {
   changeSomeText();
}
...
Рейтинг: 0 / 0
Рабора со строками.
    #39254094
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вадя,

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


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


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

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

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

пусть для начала освоит F12
...
Рейтинг: 0 / 0
Рабора со строками.
    #39254206
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
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рабора со строками.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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