asked on
Need help with jQuery
Hi,
I need to add a url to user's borwser's favorites when an icon image is clicked on the page. I used this script then nothing happened when I clicked on the image. Thank you.
I was using FF version 48 script from here, https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/
I need to add a url to user's borwser's favorites when an icon image is clicked on the page. I used this script then nothing happened when I clicked on the image. Thank you.
I was using FF version 48 script from here, https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/
jQuery(function($) {
$('#image-id').click(function(e) {
var bookmarkURL = window.location.href;
var bookmarkTitle = document.title;
if ('addToHomescreen' in window && addToHomescreen.isCompatible) {
// Mobile browsers
addToHomescreen({ autostart: false, startDelay: 0 }).show(true);
} else if (window.sidebar && window.sidebar.addPanel) {
// Firefox version < 23
window.sidebar.addPanel(bookmarkTitle, bookmarkURL, '');
} else if ((window.sidebar && /Firefox/i.test(navigator.userAgent)) || (window.opera && window.print)) {
// Firefox 23+ and Opera version < 15
$(this).attr({
href: bookmarkURL,
title: bookmarkTitle,
rel: 'sidebar'
}).off(e);
return true;
} else if (window.external && ('AddFavorite' in window.external)) {
// IE Favorites
window.external.AddFavorite(bookmarkURL, bookmarkTitle);
} else {
// Other browsers (mainly WebKit & Blink - Safari, Chrome, Opera 15+)
alert('Press ' + (/Mac/i.test(navigator.userAgent) ? 'Cmd' : 'Ctrl') + '+D to bookmark this page.');
}
return false;
});
});
jQueryJavaScript
Last Comment
Julian Hansen
Is image-id the actual id of the image? Can you post the HTML for the image?
I used this script then nothing happened when I clicked on the imageWhat where you expecting to happen?
Look at the code that pertains to FireFox
} else if ((window.sidebar && /Firefox/i.test(navigator.userAgent)) || (window.opera && window.print)) {
// Firefox 23+ and Opera version < 15
$(this).attr({
href: bookmarkURL,
title: bookmarkTitle,
rel: 'sidebar'
}).off(e);
return true;
I come back to my opening question - what were you expecting it to do?
You might want to take a read of this article
https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Bookmarks
https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Bookmarks
ASKER
Hi,
I'm using Visual Studio 2013 asp.net. Thi.s jQuery code script is embedded in a subpage of asp.net
Should I try putting it in the master page in the <head> section?
I didn't get any error. Nothing happened when I clicked on the image icon.
What I need is for the code to add a url address to user's bookmarks (or favorites) when the image icon is clicked.
Yes, I have reference to jQuery library.
I'm using Visual Studio 2013 asp.net. Thi.s jQuery code script is embedded in a subpage of asp.net
Should I try putting it in the master page in the <head> section?
I didn't get any error. Nothing happened when I clicked on the image icon.
What I need is for the code to add a url address to user's bookmarks (or favorites) when the image icon is clicked.
Yes, I have reference to jQuery library.
ASKER
Or, is it not working because I'm using an image instead of an anchor tag? If I use an anchor tag, is there an image attribute that I can use for it?
Thank you,
Thank you,
Did you read the information on the link I posted?
I asked some questions in my previous post about your expectations of the code - if you look at the code it does not do what you think.
When you click the image - right click it and then Inspect Element - check to see weather the href / title and rel attributes have been changed - if they have the code is working as expected.
All this does is change the attributes of a link and then removes the event handler on the link
I asked some questions in my previous post about your expectations of the code - if you look at the code it does not do what you think.
When you click the image - right click it and then Inspect Element - check to see weather the href / title and rel attributes have been changed - if they have the code is working as expected.
All this does is change the attributes of a link and then removes the event handler on the link
$(this).attr({
href: bookmarkURL,
title: bookmarkTitle,
rel: 'sidebar'
}).off(e)
ASKER
well, it turned out that this is working in IE but not in my FF browser.
Please see the attached pop up dialog screen shot. This is the same dialog you would get if you click on the Demo button on the site where I got the code, https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/
The problem now is how to get it to work in FF. Nothing happens in FF when I click on the image.
AddFav.jpg
Please see the attached pop up dialog screen shot. This is the same dialog you would get if you click on the Demo button on the site where I got the code, https://www.thewebflash.com/how-to-add-a-cross-browser-add-to-favorites-bookmark-button-to-your-website/
The problem now is how to get it to work in FF. Nothing happens in FF when I click on the image.
AddFav.jpg
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Yes, you're right. I used a different PC and it's working in FF. Is it some setting that I need to configure in FF? Thank you.
Unfortunately I cannot answer that.
ASKER
Thank you.
You are welcome.
You referencing jQuery?