Agregar a Favoritos/Marcadores usando Jquery

Es importante darle la opción a nuestros visitantes de guardar en sus favoritos ó marcadores nuestro blog. Este pequeño script hace uso de jQuery para agregar esta funcionalidad a nuestro sitio web. Esta probado en Firefox 3.0.10, IE 7 y 8, Google Chrome y Opera.

Código JavaScript:

<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("a.jQueryBookmark").click(function(e){
e.preventDefault(); // this will prevent the anchor tag from going the user off to the link
var bookmarkUrl = this.href;
var bookmarkTitle = this.title;

if (window.sidebar) { // For Mozilla Firefox Bookmark
window.sidebar.addPanel(bookmarkTitle, bookmarkUrl,"");
} else if( window.external || document.all) { // For IE Favorite
window.external.AddFavorite( bookmarkUrl, bookmarkTitle);
} else if(window.opera) { // For Opera Browsers
$("a.jQueryBookmark").attr("href",bookmarkUrl);
$("a.jQueryBookmark").attr("title",bookmarkTitle);
$("a.jQueryBookmark").attr("rel","sidebar");
} else { // for other browsers which does not support
alert('Your browser does not support this bookmark action');
return false;
}
});
});
</script>

Aplicandolo en nuestro HTML, ejemplos:

<h2>Click on the respective links below to bookmark the same</h2>
<a href="http://www.developersnippets.com" title="developersnippets.com"
class="jQueryBookmark">DeveloperSnippets</a>,
<a href="http://www.techvideobytes.com" title="Tech Video Bytes"
class="jQueryBookmark">Tech Video Bytes</a>,
<a href="http://www.wittysparks.com" title="Witty Sparks"
class="jQueryBookmark">Witty Sparks</a>,
<a href="http://www.snehah.com/" title="Snehah.com"
class="jQueryBookmark">Snehah.com</a>

Vía DeveloperSnippets

5 thoughts on “Agregar a Favoritos/Marcadores usando Jquery

  1. Seguro que lo hago mal , pero no me funciona con ningu navegador (IE, Firefox, Opera, Safari, Chrome)
    alguien propone una solución para más de dos navegadores.

  2. He encontrado que funcione en IE, Firefox y Opera
    dos funciones en JavaScripts
    sigo buscando solucion para Chrome y Safari

    function clic_bookmarksite(obj){
    var title=String(document.title);
    var url=String(window.location);
    var msg=”Presione Crtl+D para agregar a este sitio en sus Favoritos”;
    /* if(window.sidebar){ // Mozilla Firefox Bookmark
    window.sidebar.addPanel(title, url,””);
    return false;
    } else if(window.external){ // IE Favorite
    window.external.AddFavorite( url, title);
    return false;
    } else */
    if(window.opera && window.print){ // Opera Hotlist
    obj.setAttribute(‘href’,url);
    obj.setAttribute(‘title’,title);
    obj.setAttribute(‘rel’,’sidebar’);
    obj.click();
    return false;
    }
    }
    function href_bookmarksite(){
    var title=String(document.title);
    var url=String(window.location);
    var msg=”Presione Crtl+D para agregar a este sitio en sus Favoritos”;
    if (window.sidebar) // Mozilla Firefox Bookmark
    window.sidebar.addPanel(title, url, “”);
    else if(window.opera && window.print){ // Opera Hotlist //alert(“Opera”);
    /*$(“a.jQueryBookmark”).attr(“href”,url);
    //$(“a.jQueryBookmark”).attr(“title”,title);
    //$(“a.jQueryBookmark”).attr(“rel”,”sidebar”);
    alert (msg); */
    }
    else if(document.all) // IE Favorite
    window.external.AddFavorite(url, title);
    else { // otros Navegadores web :Chome Safari
    alert (msg);
    }
    }

    ______________________html
    Bookmark This Page

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.