1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
1

Выделение определённых слов и словосочетаний в тексте

22.05.2016, 14:32. Показов 3898. Ответов 14
Метки нет (Все метки)

здравствуйте, то что спрашиваю даже и не помню примера где такое есть
смысл сделать в предложении часть - два, три слова полями, это когда при нажатии одного из этих слов всё словосочетание становится подчёркнутым, при нажатии на уже подчёркнутое стало не подчёркнутым (такое в Ворде делается легко) спс
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.05.2016, 14:32
Ответы с готовыми решениями:

Подсчет определенных словосочетаний в тексте
Здравствуйте, Ломаю голову над вот такой задачей: Дано: ListOfWords = text = 'After work, I...

Посчитать количество слов или словосочетаний встречающихся в тексте
Добрый день есть текста в бд, их очень много. Мне нужно посчитать общее количество слов в тексте, я...

таблица рандомных слов. выделение определенных слов
Задание: Таблица с разными словами; выделить все ячейки, слова в которых начинаются и оканчиваются...

Выделение жирным определенных слов
Привет всем.Имеется проект WPF и на форме есть элемент TextBlock. В коде считывается поле из БД и...

14
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 16:41 2
Что-то я не понял. А можно хоть в ворде пример показать?
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 17:30  [ТС] 3
интересно стало, что ворд опережает веб, щас изображу
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 17:47  [ТС] 4
пожалуйста
Вложения
Тип файла: doc Как вариант.doc (20.5 Кб, 6 просмотров)
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 19:39 5
Лучший ответ Сообщение было отмечено Ципихович Эндрю как решение

Решение

Если на чистом CSS, то можно сделать так:
CSS
1
2
3
4
5
6
7
input{
  display:none;
}
input:checked + label{ 
  text-decoration:underline ;
  color:red;
}
HTML5
1
2
3
4
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a rutrum 
<input type="checkbox" id="check1"/><label for="check1">НАЖАТЬ СЮДА</label>
liquam erat volutpat. Integer eu luctus nisi. Praesent vestibulum efficitur dolor eget lacinia.  
</p>
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 20:12  [ТС] 6
спасибо, то что нужно

Добавлено через 15 минут
вопрос
если таких полей несколько нужно на странице, то
HTML5
1
2
<input type="checkbox" id="check1"/><label for="check1">внутри (01)</label>
<input type="checkbox" id="check2"/><label for="check2">снаружи (01)</label>
а в CSS как будет?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 20:15 7
CSS код менять не надо
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 20:17  [ТС] 8
Цитата Сообщение от Ципихович Эндрю Посмотреть сообщение
а в CSS как будет?
неужели плодить под каждый ид?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 20:32 9
Нет, в том примере, что я скинул, стили привязываются к input и следующему за ним label

Добавлено через 3 минуты
Думаю, так даже будет правильней:
CSS
1
2
3
4
5
6
7
input.sel{
  display:none;
}
input.sel:checked + label{ 
  text-decoration:underline;
  color:red;
}
HTML5
1
2
<input class="sel" type="checkbox" id="check1"/><label for="check1">НАЖАТЬ СЮДА</label>
<input class="sel" type="checkbox" id="check2"/><label for="check2">НАЖАТЬ ТУДА</label>
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 20:35  [ТС] 10
да я уже увидел, окейно, ещё скажите чтобы указать в семействе например
checkbox id=4 - 14 или через запятую 4, 5, 7 и т.д.
чтобы исключить подчёркивание двух элементов как сделать?
то есть чтобы нельзя было подчеркнуть два, если один подчёркнут, жмём не подчеркивание другого, значит подчёркнутый становиться не подчёркнутым, как?
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 20:41 11
HTML5
1
2
<input class="sel" name="seltext" type="radio" id="check1"/><label for="check1">НАЖАТЬ или СЮДА</label>
<input class="sel" name="seltext" type="radio" id="check2"/><label for="check2">НАЖАТЬ или ТУДА</label>
Css не меняется
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 20:44  [ТС] 12
да нужен Ваш первый вариант css, ответьте пжл на мой последний вопрос
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 20:54 13
Лучший ответ Сообщение было отмечено Ципихович Эндрю как решение

Решение

Так, подбиваем итоги с окончательным кодом.
Для того, чтобы можно было выделить несколько элементов:
Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
input.sel{
  display:none;
}
input.sel:checked + label{ 
  text-decoration:underline;
  color:red;
}
HTML5
1
2
<input class="sel" type="checkbox" id="check1"/><label for="check1">Нажать и сюда</label>
<input class="sel" type="checkbox" id="check2"/><label for="check2">Нажать и туда</label>
Стили привязаны к input с классом sel +следующий за ним label

Для того, чтобы можно было выделить только один элемент из группы:
Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
input[name="sel"]{
  display:none;
}
input[name="sel"]:checked + label{ 
  text-decoration:underline;
  color:red;
}
HTML5
1
2
<input name="sel" type="radio" id="check1"/><label for="check1">Нажать или сюда</label>
<input name="sel" type="radio" id="check2"/><label for="check2">Нажать или туда</label>
В данном случае, группа "sel". Задается name="sel".
0
1552 / 447 / 47
Регистрация: 10.04.2009
Сообщений: 7,697
22.05.2016, 21:14  [ТС] 14
окейно, спасибо

Добавлено через 15 минут
ну и чтобы счастье было полным
как ещё навернуть, при нажатии определённого поля
чтобы на страничке
в коде
HTML5
1
2
3
4
5
6
7
8
9
<div class="right_block2">
                                <ul>
                                    <li>
                                        <span style="border:0">02</span>
                                        <span></span>
                                        <span>/</span>
                                    </li>
                                </ul>
                            </div>
стало
HTML5
1
2
3
4
5
6
7
8
9
<div class="right_block2">
                                <ul>
                                    <li>
                                        <span style="border:0">02</span>
                                        <span>1</span>
                                        <span>/</span>
                                    </li>
                                </ul>
                            </div>
то есть добавилась цифра 1

Добавлено через 35 секунд
Цитата Сообщение от Ципихович Эндрю Посмотреть сообщение
<span>1</span>
вот здесь
0
Модератор
Эксперт JSЭксперт HTML/CSS
3823 / 2673 / 1521
Регистрация: 12.07.2015
Сообщений: 6,674
Записей в блоге: 4
22.05.2016, 22:11 15
Это уже смахивает на извращения, но интересно
CSS
1
2
3
4
5
6
input.sel{
  display:none;
}
input.sel:checked ~span.yahoo:before{ 
  content:"1";
}
HTML5
1
2
3
4
5
6
7
8
9
<div class="right_block2">
  <ul>
    <li>   
      <input class="sel" type="checkbox" id="check1"/><label for="check1">02</label>
      <span class="yahoo"></span>
      <span>/</span>
    </li>
  </ul>
</div>
Добавлено через 29 минут
И раз уж тут такая пьянка, то можно так сделать:

Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
input.sel{
  display:none;
}
input.sel:checked ~span.yahoo:before{ 
  content:"/ 1";
}
label.lab:before{
  content: attr(nomber);
}
label.lab{
  cursor:pointer;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="right_block2">
  <ul>
    <li>   
      <input class="sel" type="checkbox" id="check1"/>
      <label class="lab" for="check1" nomber="1"></label>
      <span class="yahoo"></span>
    </li>
    <li>   
      <input class="sel" type="checkbox" id="check2"/>
      <label class="lab" for="check2" nomber="2"></label>
      <span class="yahoo"></span>
    </li>
    <li>   
      <input class="sel" type="checkbox" id="check3"/>
      <label class="lab" for="check3" nomber="3"></label>
      <span class="yahoo"></span>
    </li>
  </ul>
</div>

http://codepen.io/mrtoxas/pen/YqmGYm
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.05.2016, 22:11
Помогаю со студенческими работами здесь

Выделение цветом определенных слов в label
Друзья, привет! Давненько меня здесь не было. Понимаю, что тема уже была и обсуждалась на форуме,...

Возможно ли выделение определенных слов в Mozille?
как Можно выделить все слова &quot;Привет&quot; в Mozille?

Выделение определенных слов не зависимо от регистра
Помогите пожалуйста решить несколько задачек. 1. как ограничить количество символов $regs надо...

Замена определенных слов в тексте
Добрый вечер. Хотелось бы узнать какими функциями здесь руководствоваться лучше. Написать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru