Onmouseover,Onmouseout y Onclick?

ramontv · #1 (**permalink**) 20/01/2002, 19:58

Hola, a ver si alguien puede hechar una mano porque ya estoy aburrido.
Tengo unos enlaces, con una funcion de javascript, con unos nombres que no quiero que se muestren y utilizo el Onmouseover y Onmouseout para que en vez de la ruta se vea "www. .com", funciona de escandalo, sin embargo, si mantienes pulsado el raton (y solo en este momento), muestra la ruta. He probado: onclick, ondown, onselect, ondemonios. ¿a alguien se le ocurre algo?.

Gracias y salu2 desde Almeria.

zpez · #2 (**permalink**) 21/01/2002, 00:55

creo que lo tienes chungo, ya que no se puede conseguir.
Pero yo no me preocuparía por los usuarios de a pie porque no van a mirar la barra de estado justo en el momento de hacer click.
Y sobre todo que casi nadie hace click de quedándose con el botón pulsado sin soltarlo.

suerte.

<html><center><img src="http://www.globalmedialab.com/firma/zpez.jpg" height=79 width=352 border="0" alt= ""></a>
</center></html>

ramontv · #3 (**permalink**) 21/01/2002, 03:15

Gracias Zpez, voy a llorar y ahora vengo.

El_Kaiser · #4 (**permalink**) 19/12/2007, 00:45

Dios mio este post si que es viejo y nadie lo ha contestado, yo probe uno mas y no me funciono, es el onMouseDown.

Lei esto en internet:

onMouseDown: activado al pulsar el botón izquierdo del ratón.

Pero se lo puse y nada, siempre se me muestra el vinculo si dejas precionado el boton izquierdo del mouse.

Acaso no hay un genio que sepa como ocultar el maldito vinculo.

No quiero ir a llorar como ramontv, asi que espero que alguien me heche una mano.

Saludos.

webosiris · #5 (**permalink**) 19/12/2007, 08:31

El_Kaiser... felicidades! acabas de contestar el mensaje más viejo del que tengo conocimiento entre los + de 2millones de mensajes que tiene el foro!

Aquí tienes una lista de todos los eventos de ratón.. y como esto es de javascript, muevo a ese foro :)

El_Kaiser · #6 (**permalink**) 19/12/2007, 14:24

Gracias por contestarme webosiris fui a la pagina que me dijiste pero nada.

Parece que es imposible hacerlo con un simple codigo html o javascript.

Pero se que no ess imposible del todo, pq hice un menu con los programas que existen para hacer menus, y al mantener presionado el link en el menu no me muestra hacia adonde me enviara en la barra de estado del explorador.

Pero aunque no lo suelte siempre me redirige, pero prefiero eso, a que me muestre donde me esta enviando.

Nadie sabe como hacer eso, de que no muestre el link en la barra de estado al mantener presionado el boton izquierdo del raton.

Espero que salga algun enfermo del tema y que tenga todas la respuestas, en el buen sentido claro esta.

Saludos.

El_Kaiser · #7 (**permalink**) 24/12/2007, 00:02

Ya lo solucione, aqui pongo como lo hice para quienes tengan el mismo problema.

Para poder hacer eso hay que olvidarse del href.

El Codigo seria asi:

Código PHP:

  <a onClick="window.open('enlace.php?dato="$variable"', 'main')"; onmouseover="this.style.color='red';this.style.textDecoration='underline';this.style.cursor='Hand';" onmouseout="this.style.color='black';this.style.textDecoration='none';">Enlace</a>

Paso a explicar el codigo:

Primero que nada para usar el onClick tienen que tenerlo dentro de una etiqueta, si lo tuvieran en una tabla usarian el <td></td> pero como es sobre una frase o texto que lo quieren utilizar el mejor metodo es <a></a> que aparentemente funciona para un hipervinculo, pero en realidad funciona para el texto, si no lleva el "href" no hace nada y es como que no exista la etiqueta para un hipervinculo.

El window.open da la orden de abrir la pagina, lo que esta en parentesis que dice enlace.php es donde te diriguira, lo hago como php para ponerlo de manera mas dificil o mas compleja, si entienden la forma mas compleja es seguro que entenran una forma mas facil, como por ejemplo que sea enlace.html, lo siguiente donde dice: ?dato="$variable" es por si envian un dato de una pagina a otra, esto es si usan php sino obvien eso y les quedara enlace.php o enlace.html. Lo otro donde dice 'main' es donde les abrira la pagina, si no la tienen en iframes o frames, solo la dejan en blanco o mejor aun le dicen '_self' si la quieren en otra pagina es '_blank'.

La parte donde dice onmouseover="this.style.color='red';this.style.tex tDecoration='underline'; es para que al poner el mouse encima del supuesto enlace lo marque en rojo y lo subraye.

La otra parte this.style.cursor='Hand'; es para que al posicionar el mouse sobre el supuesto enlace ponga la forma del puntero como que si fuera un hipervinculo, ya que no estan haciendo referencia en si que es un enlace, el open.window no es como el href que determina automaticamente que es un enlace.

La siguiente parte nmouseout="this.style.color='black' es para que cuando quiten el mouse del texto, lo deje en negro o en el color que ustedes decidan.

Y por ultimo la parte this.style.textDecoration='none'; es para que ya no subraye el texto pq ya no lo estas apuntando con el raton.

Esta es la mejor forma, olvidense del href es una basura si lo que quieren es ocultar completamente y absolutamente la pagina donde los va a dirigir.

JavierB · #8 (**permalink**) 24/12/2007, 04:44

Hola El_Kaiser

En lugar de poner: this.style.cursor='Hand';

es mejor usar: this.style.cursor='pointer';

Es estandar y funciona en todos los navegadores.

Saludos,

El_Kaiser · #9 (**permalink**) 24/12/2007, 07:39

Gracias no sabia eso JavierB normalmente cuando programo pruebo los script en el Internet Explorer, pero a la hora de navegar utilizo el FireFox, y si el 'Hand' no funciona para el FireFox y el 'pointer' si o para algun otro navegador, es mejor utilizar el que dices.

Hay que pobrarlos en los navegadores mas usados.

Saludos.