Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou desenvolvendo uma "tabela" que ao clicar em uma linha ela expande para exibir mais informações, mas ao navegar usando as teclas de direção ele expande a linha anterior ou a próxima de acordo com qual tecla for pressionada.
Mas quero implementar as seguintes coisas que não estou conseguindo desenvolver:
Ao teclar os direcionais ele expande a primeira ou a ultima linha da tabela sem que algo já esteja selecionado, pois do jeito que esta ele só funciona se algo já estiver selecionado.
E também quero fazer com que as linhas que vai ser expandida sempre esteja aparente, de modo que primeiro funcione o scroll, para ele ficar visível na tela, e depois expanda a linha, pois do jeito q está o scroll fica fixo e a linha expandida fica oculta.
O projeto está no jsfiddle, ao abrir entenderam melhor o q estou dizendo.
https://jsfiddle.net/pongilo/kt4m85t9/
Agradeço desde já.
Simm, é mais sobre javascript, agora que vi que a navegação pelo teclado só funciona com o mozilla (mais um problema para resolver :/ ).
Pois bem, o que quero é ao usar as teclas de direção do teclado ele inicia a seleção, sem que precise clicar em algum box para selecionar. E também quero que quando o box selecionado estiver próximo a borda, ele de um scroll primeiro antes de selecionar o próximo box, porque senão o próximo box ficará oculto.
Qual é a dúvida?
Acho que sua questão é mais sobre Javascript do que CSS.