Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: ‭lipman en 19 Agosto 2010, 10:37 am



Título: Saber cúando y cómo se abandona la página
Publicado por: ‭lipman en 19 Agosto 2010, 10:37 am
Quisiera saber algún método para detectar y conocer la forma en la que un usuario abandona la página actual.

Hasta donde yo sé, podría poner en el body, una función en onUnload, y esta se activa cuando se cierra la página, o cuando se accede a algún link. Necesaria conocer alguna forma para que una función se active solamente cuando se accede a algún link.

Un saludo


Título: Re: Saber cúando y cómo se abandona la página
Publicado por: Mr. Crowley en 19 Agosto 2010, 22:11 pm
Necesaria conocer alguna forma para que una función se active solamente cuando se accede a algún link

Código
  1. $("a").click(function(){
  2.    alert("Ahora se abrira la pagina " + $(this).attr("href"));
  3. });
  4.  

Con ese ejemplo muestra un mensaje con la URL del enlace al que se le hizo clic. Es solo para que lo tome como base  ::)

Ojo: tiene que añadir JQuery


Título: Re: Saber cúando y cómo se abandona la página
Publicado por: Shell Root en 19 Agosto 2010, 22:22 pm
@Mr. Crowley, se podría reemplazar con lo siguiente, verdad?
Código
  1. function fClick_Previously(sHREF){
  2.   alert('Now it will open the page: ' + sHREF);
  3. }
PoC:
Código
  1. <a href='index.php' onclick="fClick_Previously(this)">
  2.   Click...
  3. </a>


Título: Re: Saber cúando y cómo se abandona la página
Publicado por: Mr. Crowley en 19 Agosto 2010, 22:29 pm
Claro, ese tambien funciona pero tiene su desventaja. Cual? Hay que ponerle manualmente el evento onclick a cada uno de los enlaces, en cambio con JQuery se le asigna automaticamente a todos, como en el ejemplo que le di anteriormente.

Si no quiere "vigilar" todos los enlaces, entonces puede hacer una clase, ejemplo, clsSeguirEnlace y se hace lo siguiente:

Código
  1. $(".clsSeguirEnlace").click(function(){
  2.    alert("El enlace es " + $(this).attr("href"));
  3. });
  4.  

Código
  1. <a href="pagina.php" class="clsSeguirEnlace">Hola mundo</a>
  2.  

Solo los enlaces con la clase clsSeguirEnlace mostraran el alert.

No es que lo que este haciendo esta mal.. para nada, pero aveces es mejor tener un codigo mas ordenado ;)