ratamiette Posted June 30, 2011 Report Share Posted June 30, 2011 Bom dia,Gostaria de saber se tem como fazer o seguinte: tenho uma tabela e os registros que vem do banco de dados. gostaria de "andar" com as setas pela table. em cada registro..Tem como?Obrigada. Quote Link to comment Share on other sites More sharing options...
0 Willian Gustavo Veiga Posted July 2, 2011 Report Share Posted July 2, 2011 (edited) Criei um código utilizando botões. Não sei se as células da tabela recebem foco. Se isso acontece, você pode utilizar a ideia do script abaixo. Caso contrário você deve pesquisar outra solução.<!DOCTYPE html> <html> <head> <title>Navegar entre botões</title> <meta charset="utf-8" /> <style> button { border: 1px solid #000; padding: 30px; } button[autofocus] { border: 3px solid #ff0000; } </style> </head> <body> <button autofocus="autofocus">1</button><button>2</button><button>3</button> <script> var buttons = document.getElementsByTagName('button'), i, sibling, bind; bind = function (evt) { if (evt.keyCode === 37) { sibling = this.previousSibling; if (sibling && sibling.nodeType === 1) { sibling.focus(); sibling.style.borderColor = '#ff0000'; sibling.style.borderWidth = '3px'; this.style.borderColor = '#000'; this.style.borderWidth = '1px'; } } else if (evt.keyCode === 39) { sibling = this.nextSibling; if (sibling && sibling.nodeType === 1) { sibling.focus(); sibling.style.borderColor = '#ff0000'; sibling.style.borderWidth = '3px'; this.style.borderColor = '#000'; this.style.borderWidth = '1px'; } } }; for (i = 0; i < buttons.length; i += 1) { buttons[i].addEventListener('keypress', bind, false); } </script> </body> </html>O código pode ser melhorado (já que existem trechos repetidos), mas serve para ter uma ideia. Ele foi testado apenas no Firefox 5.Por favor, volte para dizer se deu certo.Um abraço. Edited July 2, 2011 by Willian Gustavo Veiga Quote Link to comment Share on other sites More sharing options...
0 ratamiette Posted July 4, 2011 Author Report Share Posted July 4, 2011 Oláa. Estarei testando aqui e já volto pra dar resposta se deu certo ou não! mtoo Obrigado!. =) Quote Link to comment Share on other sites More sharing options...
Question
ratamiette
Bom dia,
Gostaria de saber se tem como fazer o seguinte: tenho uma tabela e os registros que vem do banco de dados. gostaria de "andar" com as setas pela table. em cada registro..
Tem como?
Obrigada.
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.