Ver Mensaje Individual
  #7 (permalink)  
Antiguo 24/12/2007, 00:02
El_Kaiser
 
Fecha de Ingreso: agosto-2003
Mensajes: 43
Antigüedad: 20 años, 8 meses
Puntos: 0
Re: Onmouseover,Onmouseout y Onclick?

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.