Make Bookmark / Favorites page using Java Script

How to make bookmark or favorite the page using java script, here i'm going to discuss about this bookmark concept. make our page usually visit-able using this script.

DOWNLOAD CODE LIVE DEMO

it support all the browser expect google chorme. for that here i create alert box for that.. just check out the script

PROGRAM

<html>
<head>
<title>add to bookmark</title>
<script type="text/javascript">
BookmarkApp = function () {
var isIEmac = false;
var isMSIE = (-[1,]) ? false : true;
var cjTitle = document.title; // Bookmark title 
var cjHref = location.href;   // Bookmark url

function hotKeys() {
var ua = navigator.userAgent.toLowerCase();
var str = '';
var isWebkit = (ua.indexOf('webkit') != - 1);
var isMac = (ua.indexOf('mac') != - 1);

if (ua.indexOf('konqueror') != - 1) {
str = 'CTRL + B'; // Konqueror
} else if (window.home || isWebkit || isIEmac || isMac) {
str = (isMac ? 'Command/Cmd' : 'CTRL') + ' + D'; 
// Netscape, Safari, iCab, IE5/Mac
}
return ((str) ? 'Press ' + str + ' to bookmark this page.' : str);
}

function isIE8() {
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer') {
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null) {
rv = parseFloat(RegExp.$1);
}
}
if (rv > - 1) {
if (rv >= 8.0) {
return true;
}
}
return false;
}

function addBookmark(a) {
try {
if (typeof a == "object" && a.tagName.toLowerCase() == "a") {
a.style.cursor = 'pointer';
if ((typeof window.sidebar == "object") &&

(typeof window.sidebar.addPanel == "function")) {
window.sidebar.addPanel(cjTitle, cjHref, ""); // Gecko
return false;   
} else if (isMSIE && typeof window.external == "object") {
if (isIE8()) {
window.external.AddToFavoritesBar(cjHref, cjTitle); // IE 8                    
} else {
window.external.AddFavorite(cjHref, cjTitle); // IE <=7
}
return false;
} else if (window.opera) {
a.href = cjHref;
a.title = cjTitle;
a.rel = 'sidebar'; // Opera 7+
return true;
} else {
alert(hotKeys());
}
} else {
throw "Error occured.\r\nNote, only A tagname is allowed!";
}
} catch (err) {
alert(err);
}
}

return {
addBookmark : addBookmark
}
}();
</script>
</head>
<body>
<p>
<a href="javascript:void(0)"

onClick="return BookmarkApp.addBookmark(this)">bookmark me</a>
</p>
<br><br><br>
</body>
</html>

that's it. the codding will save your page as bookmark of your webpage. try this..

Pages

13 May 2013

Make Bookmark / Favorites page using Java Script

2 comments: