Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2014, 00:29
Аспирант
Отправить личное сообщение для 2chan Посмотреть профиль Найти все сообщения от 2chan
 
Регистрация: 11.07.2014
Сообщений: 69

Как сделать HTML фичи?
Насколько я понимаю, это DOM
У меня два вопроса:

1) Как выделить текст через JavaScrip/чистый HTML? Т.е. как при выделении мышкой, только чтобы по загрузке DOM текст уже был выделен и подчинялся CSS-правилам (:selection)
2) Как подчинить CSS-псевдоклассу :focus обычный элемент? Firefox (внезапно, да?) не понимает псевдокласс :focus для элементов, которые не ссылки <a>, кнопки, формы и не имеют tabindex. Как распространить? В примере беру спойлер:
<span class="spoiler">Спойлер</span> <!-- Спойлер -->
<style>
.spoiler {
	background-color:#000000; /* Чёрный цвет фона */
	color:#000000; /* Цвет тоже чёрный, т.е. невидимый на фоне */
}
.spoiler:hover, .spoiler:focus {
	color:#ffffff; /* При фокусе или наведении мыши - цвет белый и видимый */
			  /* Фокус и не работает без tabindex */
}
</style>



Помогите, пожалуйста, с меня спасибо :з
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2014, 03:11
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,586

Выделить:
window.getSelection().selectAllChildren(document.querySelector('.spoiler'))
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2014, 05:28
Аспирант
Отправить личное сообщение для 2chan Посмотреть профиль Найти все сообщения от 2chan
 
Регистрация: 11.07.2014
Сообщений: 69

Сообщение от Aetae Посмотреть сообщение
Выделить:
window.getSelection().selectAllChildren(document.querySelector('.spoiler'))
Ого! Спасибо большое :з
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2014, 12:22
Аспирант
Отправить личное сообщение для 2chan Посмотреть профиль Найти все сообщения от 2chan
 
Регистрация: 11.07.2014
Сообщений: 69

Вверх
Ответить с цитированием
  #5 (permalink)  
Старый 21.09.2014, 19:36
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Фокус и не работает без tabindex
Ответить с цитированием
  #6 (permalink)  
Старый 24.09.2014, 19:01
Аспирант
Отправить личное сообщение для 2chan Посмотреть профиль Найти все сообщения от 2chan
 
Регистрация: 11.07.2014
Сообщений: 69

Сообщение от kostyanet Посмотреть сообщение
Фокус и не работает без tabindex
У меня работал... Я писал выше, что работает на <a>, кнопках, формах и элементах с tabindex. Может есть ещё способы?
Ответить с цитированием
  #7 (permalink)  
Старый 26.09.2014, 18:50
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Фокус не работает на без-табных элементах. Если работает - значит табиндекс кто-то поставил - например браузер.

Для справки: табиндекс -1 обозначает что элемент может получить фокус только из скрипта, а юзер выбрать не может.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как с помощью javascript взять данные из одного файла html и закинуть в другой? rusik Общие вопросы Javascript 10 08.08.2016 12:11
как сделать так чтобы в popup окне принимался css стили,? sarik Общие вопросы Javascript 2 12.03.2013 10:24
filter(this,this) как правильно сделать? Smip jQuery 5 23.02.2013 03:07
Как сделать что бы при регистрации человека на моем сайте у него не появлялось... drunkwolfs Общие вопросы Javascript 2 07.08.2012 10:58
Как сделать такую фичу? dotwatt Элементы интерфейса 7 20.07.2012 10:51