image
Inicio » Javascript » Art�culos » A�adir a favoritos con flash, imagen, bot�n o texto




A�adir a favoritos con flash, imagen, bot�n o texto

 
Por Miguel Cruz
Art�culos publicados: 3
Valoraci�n media: 3.79/5
Usuario desde: 22/12/2002

Ante la gran cantidad de informaci�n presente en Internet, cuya calidad y abundancia de contenidos atraen y distraen al navegante, es necesario desarrollar mecanismos y medios para hacer recordar nuestra web y favorecer posteriores visitas.

Adem�s hay que tener en cuenta la existencia de multitud de enlaces que llevan a otros tantos sitios interesantes, que tienen distra�do al navegante entre varias ventanas abiertas.

En ocasiones, por curiosidad se navega entre p�ginas que enlazan con otras y se descubren sitios webs interesantes pero sin recordar c�mo ni a trav�s de qu� p�gina accedimos. �Y cuantas veces hemos querido volver a visitar una web cuya direcci�n URL no recordamos? Alguna vez nos ha pasado a todos.

Para que eso ocurra lo menos posible, el navegante tiene que hacer uso de favoritos (para IE) o de marcadores (para Netscape), y organizar las direcciones en distintas carpetas para una navegaci�n r�pida y eficaz.

Los creadores de sitios web podemos recordarle al navegante dicha posibilidad de agregarnos a sus favoritos/marcadores; y una forma muy conveniente de hacerlo es mediante un enlace, que al pulsarlo abra el men� de Agregar a Favoritos en Explorer y un mensaje para pulsar CTR+D en Netscape (donde el usuario tiene que pulsar dichas teclas para agregar a marcadores, que dicho sea de paso, tambi�n funciona en Explorer).

Dicha acci�n vamos a explicarla de cuatro formas posibles: animaci�n flash, imagen, bot�n de formulario o texto.

Lo primero y com�n para todos los casos es a�adir en el HEAD el siguiente c�digo:

<SCRIPT language="Javascript">
function agregar(){
   if ((navigator.appName=="Microsoft Internet Explorer") && 
         (parseInt(navigator.appVersion)>=4)) {
      var url="http://www.tu-sitio.com/"; 
      var titulo="Nombre del Sitio";
      window.external.AddFavorite(url,titulo);
   } else { 
      if(navigator.appName == "Netscape") 
         alert("Presione Crtl+D para agregar este sitio en sus Bookmarks"); 
   }
} 
</SCRIPT>

Una vez incluido en el HEAD el c�digo anterior, s�lo hay que modificar var url y var t�tulo, que corresponde a la direcci�n de internet y al t�tulo que se guardar�n en favoritos.

A�adir a favoritos con Flash

A continuaci�n hay que dise�ar una animaci�n en flash e insertar en el documento html la animaci�n swf creada. Dicha animaci�n debe contener un bot�n de flash con la siguiente acci�n:

on (release) { 
getURL ("javascript:agregar()"); 
} 

Ejemplo (pulsar sobre la e):

A�adir a favoritos con Imagen

Preparar una imagen e incluirla donde se desee, e incluir la llamada a la funci�n agregar dentro del enlace de la siguiente forma:

<a href="javascript:agregar()"><img src="afavoritos.gif" border="0"></a>

Ejemplo:



A�adir a favoritos con bot�n de formulario

El siguiente c�digo detectar� si el navegador es Explorer o Netscape y mostrar� un bot�n con el texto Agregar a favoritos o A�adir a Marcadores respectivamente:

<FORM>
<INPUT onclick=javascript:agregar(); type=button value="A�adir a favoritos">
</FORM>

Ejemplo:

A�adir a favoritos con texto

Al igual que en el caso anterior, el siguiente c�digo detectar� si el navegador es Explorer o Netscape y en consecuencia mostrar� directamente el texto Agregar a favoritos o A�adir a Marcadores respectivamente:

<a href="javascript:agregar()">Agregar a favoritos</a>

Ejemplo:
Agregar a favoritos

NOTA: Este c�digo JavaScript tiene varios campos modificables, y por ello debemos �configurarlo� para el uso en nuestra p�gina web, sustituyendo el valor de las variables direcci�n y titulo por los valores de nuestra p�gina. Tambi�n podemos personalizar los mensajes �A�adir a favoritos� y �A�adir a marcadores� a nuestro gusto.

Una vez que el visitante nos ha agregado a su lista de favoritos/marcadores, nuestro sitio web ha dejado de estar perdido en la World Wide Web. Ahora estamos bien localizados en su lista de favoritos/marcadores.


Bio:
Miguel Cruz Mart�nez es desarrollador web de aplicaciones avanzadas tales como e-comerce, contenidos din�micos, bases de datos y tecnolog�a wap. Trabaja desde 2000 en signo-net, empresa de creaci�n propia (www.signo-net.com) dedicada a las nuevas tecnolog�as y ubicada en Sevilla (Espa�a).

Otros art�culos recientes de este autor:
Fecha publicaci�n: 12/01/2003


M�s art�culos

Valoraci�n

Este art�culo ha sido valorado 1034 veces. Valor:  [3.98/5]   
Malo------>Normal----->Bueno
                   

Comentarios

A�adir un comentario

Si no est� de acuerdo con algo o quiere a�adir m�s informaci�n al respecto puede incluirla a�adiendo un comentario.

Nombre:
E-Mail: (opcional)
Los comentarios son moderados, no aparecen inmediatamente, son le�dos por el administrador y publicados seg�n el inter�s para otros lectores.

Se reserva el derecho de publicaci�n de los comentarios introducidos.

Colabora

�Te sientes capacitado para escribir un art�culo como este? �Te gustar�a colaborar escribiendo art�culos en WebEstilo? H�znoslo saber !!









Comparte



Enlaces
Cocina Facil IngenieroSoftware.com  
Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.