Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 27.05.2016
Сообщений: 14
1

Выделение текста CSS по умолчанию

27.08.2016, 07:44. Просмотров 494. Ответов 3
Метки нет (Все метки)


Постараюсь написать так, чтобы было понятно сразу. Скажите пожалуйста, в принципе возможно ли, чтобы текст который я пишу в textarea или в div (contenteditable="true") чтобы он сразу выделялся?

Ну вот вы если напишите что-то в блокноте, а потом нажмете выделить все. То текст будет выделен. Можно ли так сделать, чтобы он СРАЗУ такой был выделен по умолчанию? Ну не в блокноте конечно, а в форме HTML.

Игрался со многим. Но увы, не получилось. Нужно чтобы выделялся именно ВВОДИМЫЙ текст.. То есть будто я это сообщение сейчас пишу и оно автоматов выделяется..

Зачем мне это нужно? Я хочу видеть все символы, не только буквы, но и пробелы. Есть он или нет, я смогу увидеть, если все будет выделено, тогда по цвету отличу.

Заранее спасибо, скажу только что очень нужно, был бы рад подсказке!
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
27.08.2016, 07:44
Ответы с готовыми решениями:

css: частичное выделение текста
20:28 09/03/2012 Как такое сделать через css стиль? Причем, если время и дату придётся вытягивать...

CSS медиа запросы - CSS правила по умолчанию
Всем доброго времени суток, Интересует такой вопрос: @media screen позволяют задавать...

Выделение текста при постоянном добавлении текста в RichTextBox
Делаю программу которая получает данные по Serial порту и выводит их в RichTextBox. Проблема у меня...

значения стилей css в тегах по умолчанию
привет всем. меня интересует вопрос, где можно посмотреть, какие стили css присваиваются по...

__________________
Помогаю в написании студенческих работ здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
3
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
27.08.2016, 09:34 2
Постараюсь ответить так, чтобы было понятно сразу:
  1. Заключаем textarea внутрь DIVа, добавляем туда же ну например span, который будет служить фоном.
  2. У обоих position: absolute, чтобы textarea накладывался на span, z-index span-а должен быть меньше z-index-а textarea
  3. У span устанавливаем цвет текста и цвет фона равны одному значению: цвету выделения, например blue, и свойство white-space в pre-wrap, чтобы отображались идущие подряд пробелы
  4. С помощью left и top, а также font-size делаем так, чтобы они в точности накладывались друг на друга
  5. У textarea устанавливаем прозрачный фон
К событию textarea onkeyup привязываем функцию
Javascript
1
2
3
4
5
function onKeyUp()
{
  var bGround = event.target.parentNode.querySelector('span');
  var bGround.htmlText = event.target.value;
}
вроде всё. Нюансы могут возникнуть при переносе, если текст многострочный или когда весь текст не будет умещаться в поле, но там уж сами додумаете, это вопрос простейшей логики.
0
0 / 0 / 0
Регистрация: 27.05.2016
Сообщений: 14
28.08.2016, 10:36  [ТС] 3
renat_dmitriev, спасибо большое вам, я попробую. Правда не уверен что получится, но все равно спасибо вам. Здоровья вам и хорошего настроения!
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
28.08.2016, 10:40 4
Zerber6800, буду держаться!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.08.2016, 10:40

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

Форма: значения по умолчанию и выделение границ формы цветом в случае ошибки
Добрый день. С JS практически не дружу, есть пара вопросов. Вопрос 1 У меня в форме название...

Какое имя по умолчанию у модулей для css
У меня возник вопрос а какое имя по умолчанию у модулей для css, например для меню стоит по...

Выделение кода css из кэша
Всем привет. По каким то неизвестным причинам, файл основной темы css сайта полностью изменился....

Выделение Цветом Через Css
Есть computedField. Вытаскивае по dt сегодняшнюю дату, по idx - дату из базы. Если смотреть через...

Как узнать свойства css-стилей в браузере по умолчанию?
Хочу увидеть какие css-стили в различных браузерах и для различных тегов отличаются. Есть ли для...

Дизайн текста CSS | CSS
Здравствуйте. Подскажите пожалуйста как сделать текст на каком нибудь фоне, пример на скриншотах....


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

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

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