Orden de tabulacion dentro de una tabla

krn88 · #1 (**permalink**) 20/12/2012, 07:58

Hola, estoy tratando de darle una orden de tabulacion a una tabla con dos cajas y un boton, es más o menos así:

Código HTML:

<table>
	<tr>
		<td>
			Texto1
		</td>
		<td>
			<input type="text">
		</td>
		<td rowspan="2">
			<button>Boton</button>
		</td>
	</tr>
	<tr>
		<td>
			Texto2
		</td>
		<td>
			<input type="text">
		</td>
	</tr>
</table>

El orden por defecto es: textbox1, boton, textbox2. Lo que quiero hacer es que el boton sea el último.
Esto lo puedo hacer con tabindex, pero el problema es que al poner tabindex="1" en textbox1, lo primero que se selecciona en la página es ese elemento. Yo quisiera cambiar el orden de esa tabla, pero que se respete el orden de los demás elementos de la página.

Pude hacerlo con dos tablas adentro de otra, una con los textos y otra con el boton, pero esto es como "atarlo con alambre" jajaja, si hay otra forma les agradezco la ayuda.

Saludos.

emprear · #2 (**permalink**) 21/12/2012, 01:13

El atributo tabindex es un atributo global de html, no se limita a los inputs de texto, desde ya lo lógico es aplicarlo a algún elemento que sea suceptible de un orden de tabulación. Supongamos en tu ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
    <a href="limk.html"  tabindex="1">link</a>
<table>
    <tr>
        <td>
            Texto1
        </td>
        <td>
            <input type="text" tabindex="2">
        </td>
        <td rowspan="2">
            <button tabindex="4" >Boton</button>
        </td>
    </tr>
    <tr>
        <td>
            Texto2
        </td>
        <td>
            <input type="text" tabindex="3">
        </td>
    </tr>
</table> 
</body>
</html>

De esa manera el link superior será el primero en el orden de la tabulación
SAludos

krn88 · #3 (**permalink**) 21/12/2012, 07:09

Gracias, voy a tener que agregarle tabindex a todos los links que tengo anteriores a esos inputs y el boton, luego éstos en orden correcto, creo que no hay otra forma.
Lo malo de esto es que si más adelante agrego otro link antes de la tabla, hay que modificar todos los tabindex siguientes.

Saludos.