Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Как узнать статус XMLHttpRequest на сайте? https://www.cyberforum.ru/ javascript/ thread2766104.html
Пишу парсер, контент на сайте постоянно обновляется через XMLHttpRequest, из-за чего периодически возникают трудности с анализом текста когда контент прогружается лишь частично. Возможно ли отследить...
JavaScript Как загрузить видео?
Добрый вечер, подскажите поэалуйста У меня на сайте есть стандартные видео HTML <video></video> можно ли как нибудь к ним применить ленивую загрузку, то есть чтобы они загружались только тогда...
Юнит-тесты для фронтэнда JavaScript
Добрый день, подскажите плииз. Такое вообще существует??? Здача - записать что-то вроде "макросов для мышки и клавиатуры" и проигрывать их в страницах в ожидании проверенного/ожидаемого...
JavaScript Бесконечная лента на сайте Здравствуйте всем! Столкнулся с задачей, как сделать на сайте бесконечную ленту? (аля одноклассники) может есть готовые решения? https://www.cyberforum.ru/ javascript/ thread2765836.html
JavaScript Поменять местами цвета кнопок https://www.cyberforum.ru/ javascript/ thread2765760.html
Возникла проблема в написании функции. Есть поле с кнопками 11x11, каждая из которых имеет свой цвет и мы так видим рисунок 11x11 пикселей. Мне нужно написать функцию поворота этого рисунка на 90...
неправильно работает математическое уравнение JavaScript
Я что-то недогоняю, объясните мне пожалуйста. Я вычисляю процент от числа, и прибавляю и вычитаю этот процент к этому числу. Допустим, от числа 100 ищу 1 процент, в одно поле вставляю результат...
JavaScript Динамически создать кнопку с картинкой
Здраствуйте, етот код создает кнопку с картинкой и текстом, <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <button class="myButton"...
JavaScript Получить клас-родителя, обратное :nth-child(n) Здраствуйте, скажите пожалуйста как можно обратится к класу родителя без id, тоесть зделать обратное :nth-child() К примеру зделать здесь так чтоб красился бек-граунд контейнера а не кнопок ... https://www.cyberforum.ru/ javascript/ thread2764787.html
JavaScript d3js не рисует path https://www.cyberforum.ru/ javascript/ thread2764775.html
Сообщений о исключениях нет. Данные в массиве есть. Не могу понять что этой скотине не хватает. Может кто то сможет подсказать ? function Chart(id, data) { var chartData =...
JavaScript Работа с базой данных из UserJS Никак не найду способа делать запросы из UserJS (JavaScript, подключаемый к неродному сайту менеджером скриптов) скрипта в базу данных Microsoft SQL Server. Мне нужно подключиться к БД, прочитать... https://www.cyberforum.ru/ javascript/ thread2764740.html
JavaScript Узнать задан ли color https://www.cyberforum.ru/ javascript/ thread2764492.html
Добрый день, подскажите плиииз. Пытаюсь создать "мигание" для любого элемента "с восстановлением". Для этого задаю цвет на едко-красный, а потом восстанавливаю "на прошлый". Прошлый color...
JavaScript Отфильтровать массив объектов циклом. В консоль ничего не выводится. Я так же пробовал через while и толку 0. В консоль вылезает такая ошибка:"1.js:6 Uncaught SyntaxError: Invalid shorthand property initializer". Вот код var cars = ... https://www.cyberforum.ru/ javascript/ thread2764138.html
1457 / 365 / 32
Регистрация: 10.04.2009
Сообщений: 6,604
13.01.2021, 08:40  [ТС] 0

Поиск текста на странице с шрифтом красный и НЕ красный

13.01.2021, 08:40. Просмотров 1058. Ответов 12
Метки (Все метки)

Ответ


спасибо
Цитата Сообщение от web_coder2 Посмотреть сообщение
нужно запускать на сервере с https иначе navigator.clipboard undefined
я на Лисе запускал в файле-всё хорошо
а если по мотивам ПДД?
можно сделать-добавить жёлтый и зелёный?
ну пока ошибки такие:
жму НЕ красный, выделяет правильно, но в буфере не гут:
Три цвета есть у светофора.
цвет - проезда нет.

если жму красный-говорит 0

жму НЕ красный-говорит 2, но не подсвечивает и в буфере не гут (чуть выше писал-другая реакция):
Три цвета есть у светофора.
цвет - проезда нет.


HTML5
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<!--
Поиск текста на странице с шрифтом красный и НЕ красный
https://www.cyberforum.ru/javascript/thread2767362.html
-->
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        mark{
            background-color: pink;<!--Pink-розовый-подсветка текста-->
        }
    </style>
</head>
<body>
<div>
    <input type="text" class="search">
    <button class="red">Red-красный</button>
    <button class="red">Yellow-желтый</button>
    <button class="red">Green-зеленый</button>
    <button class="not-red">Not Red-Не красный</button>
</div>
<div class="container-text">
<pre>
<span>Три цвета есть у светофора.</span>
<span>Они понятны для шофера:</span>
<span style='color:red'>Красный</span> <span>цвет - проезда нет.</span>
<span style='color:yellow'>Желтый</span> <span>– будь готов к пути,</span>
<span>А</span> <span style='color:green'>зеленый</span> <span>свет – кати!</span>
</pre>
</div>
<dialog id="dialog">
</dialog>
<script>
document.querySelector("button.red").onclick = search
document.querySelector("button.not-red").onclick = search
function search(e) {
    if(!navigator.clipboard)
        alert("navigator.clipboard undefined запустите пример на сервере с https")
    let search_text = document.querySelector(".search").value.trim();
 
    let red = e.target.classList.contains("red")
 
    let clip = []
    document.querySelectorAll(".container-text span").forEach(e => {
            let textForClip = e.innerHTML.replace(/(<([^>]+)>)/gi, "");
            e.innerHTML = textForClip //clear marks
            let p = _ => {
                if(textForClip.includes(search_text)){
                    e.innerHTML = e.innerHTML.replace(RegExp(search_text,"g"), `<mark>${search_text}</mark>`)
                    clip.push(textForClip)
                }
            }
            // insert marks
            if(red){
                if(e.style.color == "red") p()
            }
            else if(e.style.color != "red") p()
        })
    //copy to clipboard
    navigator.clipboard.writeText(clip.join("\n")).then(
        _ => alert(`Скопировано в буфер ${clip.length} элементов, жмите CTRL+V чтобы увидеть что там`),
        e => alert(`Произошла ошибка копирования в буфер: ${e.message}`))
}
</script>
</body>
</html>
спасибо
спасибо
спасибо

Вернуться к обсуждению:
Поиск текста на странице с шрифтом красный и НЕ красный
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
13.01.2021, 08:40

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Красный экран
Вылетает красный экран, в некоторых играх. Например могу часами играть в Battelfield 1, но стоит...

Красный крест
Какое событие происходит, когда чувак закрывает форму через красный крест или как это определить?

красный квадрат
надо рисовать красный квадрат на паскале

Поиск в Word участков текста с заданным шрифтом
Можно ли написать процедуру для поиска в Word текста с указанным шрифтом, например, Arial? В Word...

Красный экран монитора
В дежурном режыме без сигнала вместо черного фона на мониторе красный фон! И при просмотре видео на...

Синий или красный?
требуется купить Rfid считыватель, но меня пугает цвет, вроде все детали были красными, ничего что...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.