Cita: lorenzo escribió el 08-05-2003 a las 03:28 PM:
Tengo una pagina con una tabla
http://www.polacadelsur.com/prueba.html
y el codigo que llama esa pagina esta aqui:
http://www.polacadelsur.com/functions.js
como veras en la tabla mediante click del raton puedes colorear a azul cualquier renglon o volverlo Gris.
Lo que yo quisiera hacer es que si selecciono ejemplo el renglon 2 y despues con la tecla shift presiono el renglon 4 que el renglon 3 se vuelva azul tambien de forma automatica
o si selecciono el primer renglon y despues con shift seleeciono el ultimo los demas tambien se marquen.
No se si me explique bien ojala me puedas ayudar de antemano gracias
Mira a ver si esto te pudiera servir...
Código PHP:
<html>
<head>
<style>
td{height:40px;
width:100px;}
</style>
<title>Tabla de muestra</title>
<script type="text/javascript" language="javascript">
var colorPrimero="silver";
var colorSegundo="gray";
var primera=-1
var segunda
var incremento=-1
fila=document.getElementsByTagName("TR");
function seleccion(esto){
for(a=0;a<fila.length;a++){
fila[a].setAttribute('bgcolor',colorPrimero,0)
if(esto==fila[a]){
numero=a;}
}
if(primera==-1||!event.shiftKey){
primera=numero;
fila[primera].setAttribute('bgcolor',colorSegundo,0)}
else{segunda=numero;
if(primera==segunda){return}
incremento=(primera<segunda)?+1:-1;
for(b=primera;b!=(segunda+incremento);b=b+incremento){
fila[b].setAttribute('bgcolor',colorSegundo,0)}
primera=-1;segunda=null}
}
</script>
</head>
<body>
<table>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
<tr bgcolor="silver" onclick="seleccion(this)" >
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Un saludo!!