Как запретить переход к элементам страницы по TAB? / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как запретить переход к элементам страницы по TAB?

14 сообщений из 14, страница 1 из 1

Как запретить переход к элементам страницы по TAB?

#35361362

last_elf

Гость

Для FF решение я нашел.

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

function switchOff()
{
	var alltags = document.getElementsByTagName('*');
	for (var i= 0 ; i<alltags.length; i++)
	{
		if (alltags[i].tabIndex >=  0 )
		{
			alltags[i].tabIndex = - 2 ;
		}
	}
}

В опере все равно можем переходить по табу...

А вообще, если начинать с самого начала, то задача такая - сделать полноценное модальное окно (которое представляет собой div на текущей странице). Готовые решения, которые я нашел, не учитывают данную проблему, поэтому приходится все дописывать самому.

...

Рейтинг:

0 / 0

07.06.2008, 10:56

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35361394

last_elf

Гость

Еще 1 способ решения - полностью лочить таб (везде или на некоторых элементах)

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

function cancel(evt)
{
	evt = ( evt || window.event );
	key = ( evt.keyCode || evt.charCode || evt.which ||  0  );
	if ( key ==  3  || key ==  9  || key ==  13  )
	{
		evt.preventDefault();
		evt.stopPropagation();
	}
}
window.onload = function()
{
	document.body.addEventListener('keypress', cancel, false);
}

Опять же работает только в FF, а нужно кроссбраузерное решение.

...

Рейтинг:

0 / 0

07.06.2008, 11:08

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35361684

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

last_elf...сделать полноценное модальное окно...
Из дива что ли¿ хе-хе!
Кроме оперы:

Код: plaintext

<body onkeydown="if(event.keyCode==9) return false;">

Может лучше на onblur focus()?

...

Рейтинг:

0 / 0

07.06.2008, 12:58

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35361743

last_elf

Гость

ShSerge
Из дива что ли¿ хе-хе!

Ну а почему бы и нет?
ShSerge
Кроме оперы:

Код: plaintext

<body onkeydown="if(event.keyCode==9) return false;">

Ага, собственно в моем 2м посту написано то же самое.
ShSerge
Может лучше на onblur focus()?
Можно, но тогда получается такая фигня: ТАБ срабатывает, мы переходим на какой-то элемент, и запускаем фунцию, которая переводит фокус куда нам надо. Соотв. экран будет дергаться, что уже неприятно. Хочется найти элегантное решение.

...

Рейтинг:

0 / 0

07.06.2008, 13:19

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35361774

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Объясни по человечески чем таб-то мешает?

...

Рейтинг:

0 / 0

07.06.2008, 13:30

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35361916

last_elf

Гость

ShSergeОбъясни по человечески чем таб-то мешает?

Теряется концепция модального окна. Можем перейти куда-то, куда не должны иметь возможность переходить.

Вот есть страничка. На нём модальное окно - менюшка или панелька, где что-то можем сделать. Допустим там список из текстовых полей. Так вот удобно переходить по табу от одного поля к другому. Но когда мы дойдем до последнего поля, следуещее нажетие на таб приведет к тому, что мы попадем вообще куда-то неизвестно куда на странице, в то место, которое не относится к данной панельке в принципе.

...

Рейтинг:

0 / 0

07.06.2008, 14:12

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362010

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

last_elf
Теряется концепция модального окна.

Вот как раз для этого и showModalDialog придумали. К тому же, настоящее окно можно перетащить за пределы клиентской части основного окна.
last_elf
...на странице, в то место, которое не относится...

Для этого некоторые и прикрывают всю страничку полупрозрачным дивом. Однако, кроме таба ещё и мышеклик есть. С ним-то чего делать?
Кстати в самой новой опере глюк с отменой управляющих клавиш вроде убрали. Только там не кейдаун, а кейпресс.

Вообще, гейм с кейдауном и кейпрессом можешь в моём топике про велосипед посмотреть.

...

Рейтинг:

0 / 0

07.06.2008, 14:45

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362106

last_elf

Гость

ShSerge
Для этого некоторые и прикрывают всю страничку полупрозрачным дивом. Однако, кроме таба ещё и мышеклик есть. С ним-то чего делать?

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

А я почти решил свою проблему, но теперь вот в FF баги..

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.

<form name="auth_user" onsubmit="return false;">
	
	<table>  
	<tr>
		<td>имя (логин)</td>
		<td align=right><input id="site_login" type="text" tabindex="1"></td>
	</tr>
	<tr>
		<td>пароль</td>
		<td align=right><input id="site_password" type="password" tabindex="2"></td>
	</tr>
	</table>
	<a id="tab_foo" onfocus="set_init_focus()" tabindex="3">
	<div id="logon_message" class="red"></div>

</form>
<script>
function set_init_focus() {
	var new_focus = document.getElementById('site_login');
	document.getElementById('logon_message').innerHTML  += ' set_init_focus ';
	new_focus.focus();
	new_focus.select();
}
</script>

Если понажимать ТАБ, то после первого прохода по тектовым полям, не сможем перейти от 1 ко 2му полю. Будет постоянно вызываться функция set_init_focus(). В остальных браузерах нормально.

...

Рейтинг:

0 / 0

07.06.2008, 15:16

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362311

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Прибей атрибут табиндекс и всё заработает.

...

Рейтинг:

0 / 0

07.06.2008, 16:36

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362322

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

PS Shift+Tab - тоже надо прочекать.

...

Рейтинг:

0 / 0

07.06.2008, 16:43

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362380

last_elf

Гость

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

Сейчас сделал так, и работает славате господи:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

<form name="auth_user" onsubmit="return false;">
	
	<table>  
	<tr>
		<td>имя (логин)</td>
		<td align=right><input id="site_login" type="text" tabindex="1"></td>
	</tr>
	<tr>
		<td>пароль</td>
		<td align=right><input id="site_password" type="password" onblur="set_init_focus()" tabindex="2"></td>
	</tr>
	</table>
	<a id="tab_foo" tabindex="3">
	<div id="logon_message" class="red"></div>

</form>

ShSergePS Shift+Tab - тоже надо прочекать.
Спасибо.. черт, вот теперь еще и это делать надо..

...

Рейтинг:

0 / 0

07.06.2008, 17:15

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362532

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

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

...

Рейтинг:

0 / 0

07.06.2008, 19:06

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362556

last_elf

Гость

ShSerge last_elf...иначе везде кроме оперы будем переходить еще на строку ввода запроса в браузере и ходить там по панелькам вверху браузера. .... Не воспроизводится. Похоже, у тебя ашыпка где-то. Давай примерчик.

Ну вот в FF наблюдается поведение, о котором я говорил

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.

<form name="auth_user" onsubmit="return false;">
	
	<table>  
	<tr>
		<td>имя (логин)</td>
		<td align=right><input id="site_login" type="text"></td>
	</tr>
	<tr>
		<td>пароль</td>
		<td align=right><input id="site_password" type="password" onblur="set_init_focus()"></td>
	</tr>
	</table>
	<a id="tab_foo" tabindex="3">
	<div id="logon_message" class="red"></div>

</form>
<script>
function set_init_focus() {
	var new_focus = document.getElementById('site_login');
	document.getElementById('logon_message').innerHTML  += ' set_init_focus ';
	new_focus.focus();
	new_focus.select();
}
</script>

...

Рейтинг:

0 / 0

07.06.2008, 19:29

| Ответить | Цитировать | Написать

Как запретить переход к элементам страницы по TAB?

#35362574

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Всё заработает. Мне тоже - интересно. Маненько подожди - я уже хорошо выпил сегодня...

...

Рейтинг:

0 / 0

07.06.2008, 19:55

| Ответить | Цитировать | Написать

14 сообщений из 14, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=35362311&tid=1456384]:	0ms
get settings:	7ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	51ms
get topic data:	13ms
get forum data:	3ms
get page messages:	72ms
get tp. blocked users:	2ms
others:	203ms

total:	371ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы