Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onkeypress на <table> и <td> в Mozilla Firefox / 8 сообщений из 8, страница 1 из 1
09.11.2008, 14:49
    #35642357
Ymka2007
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
подскажите пожалуйста.
хочу реализовать такую таблицу: /topic/462433&pg=1&hl=niauoey+table, но с возможностью перемещения по ячейкам таблицы посредством клавиатуры.

я знаю, что в IE на таблицу можно повесить событие onkeypress
в FF оно не работает.

Вопрос: как сделать так чтобы в FF на элементе <table> и <td> могло работать событие onkeypress??? Можно ли при динамическом формировании таблицы повесить на нее событие onkeypress так что бы это работало в FF и IE ???
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 14:58
    #35642362
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
Почему в фф не работает. Примерчик в студию. На самом деле, всё работает.
ПС. onreydown надо вешать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 14:59
    #35642363
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
Пардон, onkeydown.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.11.2008, 16:15
    #35642424
Ymka2007
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
вот хотя бы этот:
жмем кнопку - передаем фокус на таблицу, жмем любую другую клавишу - 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.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<html>
<head>
<style>
table#tt {border:outset 2px;background:white;border-collapse:collapse;}
table#tt td,th{border:1px inset;height:25px;}
table#tt input{background-color:red;width: 100 %;border:none;}
table#tt input,td {font-family:tahoma;font-size:14px;text-align:center}
</style>
<script language=javascript>
function insertINPUT(e)
{
 var td=(e.target||window.event.srcElement);

 if (td.tagName!='TD') return;
 var txt=td.innerHTML; 
 var inp=document.createElement('input');
 inp.value=txt;
 inp.onblur=destroyInput;

 var sel=window.getSelection ? getSelection() : document.selection.createRange().text;
 sel+="";

 td.innerHTML='';
 td.appendChild(inp);
 inp.focus();
 if(sel.length> 0 ) inp.select();
}
function destroyInput()
{
 this.parentNode.innerHTML=this.value;
}
function foc()
{
var t = self.document.getElementById('tt');
t.focus();
}
</script>
</head>

<body>
<table onmouseup=insertINPUT(event) id=tt style='width:50%' onKeyDown="alert('Table onkeydown');">
<tr><th style='width:20%'>head1<th style='width:20%'>head2<th style='width:60%'>head3
<tr>
<td> 1 </td><td> 2 </td><td> 3 </td>
</tr>
<tr>
<td> 11 </td><td> 12 </td><td> 13 </td>
</tr>
<td> 21 </td><td> 22 </td><td> 23 </td>
</table>
<input type="button" onClick="foc();">
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2008, 01:03
    #35642880
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
w3schools.comHTML DOM focus() Method

Definition and Usage
The focus() method is used to give focus to a text field.

Syntax
textObject.focus()

чтобы можно было передать фокус обычному элементу, у него обязательно должен быть выставлен атрибут tabindex
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2008, 10:12
    #35643163
Ymka2007
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
с фокусом как раз то и проблем нет
есть проблемы с клавиатурой на элементе <table>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2008, 10:43
    #35643242
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
Ymka2007с фокусом как раз то и проблем нет
с фокусом как раз то проблема и есть. При клике по кнопке фокус остается на ней и никаких событий для table естественно не случается. Припиши table tabindex="1" и сравни.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2008, 10:59
    #35643309
Ymka2007
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
onkeypress на <table> и <td> в Mozilla Firefox
правда заработало
спасибо
буду рыть дальше
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / onkeypress на <table> и <td> в Mozilla Firefox / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 480ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455605]:
 0ms
get settings:
 10ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 156ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 237ms
total:  480ms
x
x
Закрыть


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