Make Bookmark / Favorites page using Java Script
2my4edge is Loading.. Wait
FOLLOW ME :

Monday, May 13, 2013

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
Make book make image

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..


RELATED POSTS:

Create custom file chosen input type using Css and Jquery

Browser full screen API using Query

Print or Save the Web page as .PDF Using Java Script

Change background image while page refresh using Javascript

Toggle Show/hide concept using java script