Jump to content

JQuery : função adicionar aos favoritos


yoda
 Share

Recommended Posts

Boas,

Trago hoje uma solução genérica para criar um link que adicione um site aos favoritos do browser. Esta solução requer o uso da biblioteca JQuery, e é suportada pelos seguintes browsers :

- Internet Explorer

- Firefox

- Opera

Abaixo segue o script em javascript que executa o código, e o markup necessário para que funcione.

javascript :

$(function() {

  $("a.bookmark").click(function(e) {
if ($.browser.opera == false) {
	e.preventDefault();
	var url = this.href;  
	var title = this.title;

	if ($.browser.mozilla == true) {
		window.sidebar.addPanel(title, url, '');
		return false;
	} else if($.browser.msie == true) {  
		window.external.AddFavorite( url, title);
		return false;
	} else {
		var o = $('a.bookmark').offset();
		alert('Use as teclas CTRL + D para adicionar aos favoritos.');
	}
}
  });

});

markup:

<a href="#" title="Nome do Website" class="bookmark" rel="sidebar">Adicionar aos Favoritos</a>

Notas :

- O atributo "rel" no markup é necessário para que o Opera reconheça o objectivo do link e execute a função de adição aos favoritos. Não é realmente necessário o uso de javascript no Opera para esta funcionalidade, apenas este atributo.

- A classe "bookmark" pode ser alterada para outra ao gosto, desde que seja convenientemente substituída no javascript para ser reconhecida pelo mesmo.

- O atributo "title" no markup irá ser usado como nome do bookmark, ou seja, será o nome indicado para ser gravado como pertencente ao site. O título do site é uma boa opção.

- Caso o browser onde o script é executado não seja nenhum dos 3 acima mencionados, o script irá executar o alert() presente no javascript : "Use as teclas CTRL + D para adicionar aos favoritos."

Enjoy 😄

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.