Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Спрятать текст так, чтобы Ctrl-F его находил / 7 сообщений из 7, страница 1 из 1
22.05.2014, 16:52
    #38649275
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Господа, возможно ли нижеследующее?

Текст, заключенный в div или во что-то другое таким образом, что:
* на экране его не видно, и он никак не мешает, например не заслоняет ничего от клика мышкой и своим размером не приводит к появлению скролла,
* но если юзер начинает что-то искать на странице через Ctrl-F, то набранные им буквы, если они есть в этом тексте, становятся видны.

Буду благодарен за любую идею. Но задача должна быть решена без скриптов.
...
Рейтинг: 0 / 0
22.05.2014, 18:15
    #38649426
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Владимир Саныч,
так?
Код: 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.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE HTML>
<html>
<head>
<style>
* {
	font:400 10pt/20px Arial,'MS Sans Serif','sans-serif';
	padding:0;
	margin:0;
}
.Main{
	position:absolute;
	left:70px;
	top:50px;
	width:300px;
	padding:4px;
	border:1px solid #aaa;
	z-index:1;
	background:#CED9E7;
}
.HideFind {
	position:absolute;
	top:108px;
	left:304px;
	padding:0;
	background:transparent;
	z-index:1;
	color:transparent;
}
</style>
</head>
<body>
<div class="Main">
Весь секрет адамантия в том, что если
удалось получить этот необыкновенный
сплав в жидкой форме, его нужно
хранить... подогретым. Иначе он
затвердеет... И его не разрушишь...
</div>
<div class="HideFind">из фильма</div>
</body>
</html>

...
Рейтинг: 0 / 0
22.05.2014, 18:24
    #38649440
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Почти. Во-первых, в IE текст все-таки виден. Во-вторых, если координаты отодвинуть куда-нибудь подальше, то нарушается требование про скролл.
...
Рейтинг: 0 / 0
22.05.2014, 18:33
    #38649452
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Владимир СанычВо-вторых, если координаты отодвинуть куда-нибудь подальше, то нарушается требование про скролл.Не должно, это 2 абсолютно позиционируемых DIV, которые никак не связаны друг с другом.
Наверное IE меньше 9 или работает в режиме совместимости...
...
Рейтинг: 0 / 0
22.05.2014, 18:44
    #38649468
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Мое во-вторых - это не только в IE. Проверено и в ФФ, и в Хроме.

Теперь в-третьих: в Хроме, когда я делаю поиск, буквы выделяются, но оранжевым по оранжевому, т.е. полоска по мере набора букв растет, но совершенно нечитаемая.
...
Рейтинг: 0 / 0
22.05.2014, 18:59
    #38649492
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Владимир Саныч,

сейчас проверил в ФФ. Картинка такая же, что и для IE9. Всё нормально.
Не могут 2 абсолютно позиционируемых DIV, которые не вложены друг в друга, давать скролл. Именно мой скрипт в ФФ дает прокрутку? Не верю...
...
Рейтинг: 0 / 0
22.05.2014, 20:14
    #38649553
Владимир Саныч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Спрятать текст так, чтобы Ctrl-F его находил
Если left превратить из 304 в 2304, тоже нет прокрутки?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Спрятать текст так, чтобы Ctrl-F его находил / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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