cambiar de fila con cursores

nithard · #1 (**permalink**) 04/09/2007, 08:09

Muy buenas:

No controlo mucho de javascript pero seguro q vosotros me podeis echar una mano con esto.

Me gustaria poder cambiar de fila (q se marque como seleccionada) pero poder ir cambiando con el cursor (arriba/abajo) y q vaya cambiando fila por fila.
Supongo q tendra algo q ver el event onpresskey y usar algun tipo de vectores o algo asi... pero un ejemplo me vendria de perlas. Si alguno conoce alguno por favor decirmelo.

Gracias!!

Thonso22 · #2 (**permalink**) 05/09/2007, 02:45

No entiendo eso de me gustaria poder cambiar de fila!

pero todo es posible!!

si lo que quieres es que una fila dentro de una tabla la puedas mover para abajo..
Tienes que currartelo un poco...

tienes que crearte un javascript coger los valores de cada celda.. saber donde estas con el id por ejemplo..
Y ir cambiandolo manualmente..

No se si es esto lo que te refieres!!

Saludos

JavierB · #3 (**permalink**) 05/09/2007, 09:36

Hola nithard

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var fila = 0;
function pulsar(e) {
  tab = document.getElementById('tabla');
  filas = tab.getElementsByTagName('tr');
  if (e.keyCode==38 && fila>0) num=-1;
   else if(e.keyCode==40 && fila<filas.length-1) num=1;
   else return;
  filas[fila].style.background = 'white';
  fila+=num;
  filas[fila].style.background = 'yellow';
}
</script>
</head>
<body onkeyup = "pulsar(event)">
<table id="tabla">
<tr style="background:yellow"><td>..</td><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td><td>..</td></tr>
</table>
</body>
</html>

Saludos,