Como cambiar el puntero del raton (como la manito)sobre una celda de tabla o un texto

Anneke · #1 (**permalink**) 29/10/2003, 10:36

Como puedo cambiar el puntero q se muestra cuando paso por encima el mouse sobre un texto o celda de tabla, sé q se puede hacer con el evento onMouseOver, pero como puedo poner, por ejemplo la manito o la flecha, existe algo q indique el tipo de puntero.....

sus aportes aqui, porfavor, chaooo

caricatos · #2 (**permalink**) 29/10/2003, 10:45

Hola Anneke:

El cursor del ratón se modifica con el estilo cursor. La manita es "pointer" o "hand"... en los navegadores actuales es lo mismo, pero hasta hace poco el primero valía en netscape y el segundo en explorer.
Fíjate en las FAQs de css que hay una entrada que especifica este tema.

Para simplificar te pondré un ejemplo para que salga el cursor de ayuda en un tag "div":
<div style="cursor: help">Esta capa es una ayuda</div>

Saludos

KarlanKas · #3 (**permalink**) 29/10/2003, 11:04

Vámonos desde Javascript a CSS

ferny · #4 (**permalink**) 30/10/2003, 05:10

Dado que Netscape usa pointer y Opera y Explorer usan hand, hay una forma de que funcione en todos:

Código PHP:

  <script>

function mano(a) {

    if (navigator.appName=="Netscape") {

        a.style.cursor='pointer';

    } else {

        a.style.cursor='hand';

    }

}

</script>

 
<lo_que_sea [b]onMouseOver="mano(this)"[/b]>bla bla bla</lo_que_sea>

¡Espero que sirva!

caricatos · #5 (**permalink**) 30/10/2003, 17:16

Hola a todos:

Está bien lo que expone ferny, pero se puede hacer mejor, ya que solo se necesita poner el cursor una vez.

Se me ocurre, limpiar el evento luego:

onMouseOver="mano(this); this.onmouseover = ''"

... o asignar el estilo en el evento onload del body:

<body onload="document.getElementById('elElemento').styl e.cursor (navigator.appName == 'Netscape') ? 'pointer' : 'hand'" >

Claro que si hay que hacerlo en varios elementos, sería mejor hacer una función para inicializar todos los elementos.

Saludos

furoya · #6 (**permalink**) 31/10/2003, 07:40

Hola todos:

Hace un tiempo postié ésto, pero no pude comfirmar si funciona fuera del IE (pre y pos 6).

Código:

<table>
<td style="cursor:hand" style="cursor:pointer">
<h2>QWERTYUIOP</h2>
</td>
</table>

saludos
furoya