como se con javascript si el usuario esta presionando el shift

lorenzo · #1 (**permalink**) 08/05/2003, 00:38

como puedo saber si el usuario esta presionando la tecla shift o ctrl

por ejemplo con onMouseOver

es el evento que sucede cuando se pasa el mouse encima
pero para las teclas es posible saber si estan presionadas

JavierB · #2 (**permalink**) 08/05/2003, 01:39

Hola, lorenzo.

Puedes utilizar el evento keyDown:

Código PHP:

  <html> 
<head> 
<script> 
function contar(e) { 
tecla = (document.all) ? e.keyCode : e.which; 
if (tecla==16) alert('Mayúsculas pulsadas'); 
}  
</script> 
</head> 
 
<body> 
<input type="text" onkeyDown="contar(event)"> 
</body> 
</html>

el código de la tecla shift es 16, el de ctrl es 17.

Saludos,

KarlanKas · #3 (**permalink**) 08/05/2003, 10:25

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!!

lorenzo · #4 (**permalink**) 08/05/2003, 11:01

no colorea

los renglones

copie el codigo y lo guarde como una pagina y no sale

KarlanKas · #5 (**permalink**) 08/05/2003, 11:36

Qué navegador tienes?

Debería funcionarte si tienes el IE 5.5 o superior

lorenzo · #6 (**permalink**) 08/05/2003, 23:17

tengo ie 6

y netscape 7 y ninguno de los dos

ya quedo muchas gracias ahora solo faltaria corregir para que cuando seleecione con ctrl se desmarque o marque la que yo quiera sin afectar a las otras

si no es mucho pedir me podrias ayudar

ya le arregle unas cosa y ya quedo