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