Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bookmarklet approach

I am trying to write a bookmarklet that will bookmark the current page and save the link to the current page in a backend service. When I click this bookmarklet, I want this bookmarklet to show up as a small popup on the top right in browser tab (attach iframe to existing page). This popup will have options to bookmark current page. Also, there will be options search my bookmarks, tag, etc in this popup.

So far, I have not seen any such bookmarklets (from delicioius, pinboard,etc). Although there are bookmarklets to post links to various services, they don't let you search, see the existing list of bookmarks within in the same popup. User is forced to go to the bookmarking site in a new tab to search, etc.

I am wondering is there a reason why bookmarklets (popup within existing page) like this are not done? Are there any security reasons for this? Or will be be blocked by adblockers?

like image 574
plspl Avatar asked Mar 28 '11 20:03

plspl


People also ask

How does a bookmarklet work?

A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands that add new features to the browser. They are stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. Bookmarklets are usually small snippets of JavaScript executed when user clicks on them.

What is a bookmarklet tool?

Bookmarklets are browser bookmarks that execute JavaScript instead of opening a webpage. They're also known as bookmark applets, favlets, or JavaScript bookmarks. Bookmarklets are natively available in all major browsers, including Mozilla Firefox and Chromium-based browsers like Chrome or Brave.

How do I use bookmarklet extensions?

Just click the bookmarklet and your browser will run it on the current page. If you don't have a bookmarks toolbar — such as on Safari on an iPad or another mobile browser — just open your browser's bookmarks pane and tap or click the bookmark.


1 Answers

Have a look at these bookmarklets http://googlesystem.blogspot.com/2007/07/useful-google-bookmarklets.html

javascript: (function() {
    var a = window,
    b = document,
    c = encodeURIComponent,
    d = a.open("http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + c(b.location) + "&title=" + c(b.title), "bkmk_popup", "left=" + ((a.screenX || a.screenLeft) + 10) + ",top=" + ((a.screenY || a.screenTop) + 10) + ",height=420px,width=550px,resizable=1,alwaysRaised=1");
    a.setTimeout(function() {
        d.focus()
    },
    300)
})();
like image 76
Prashant Bhate Avatar answered Oct 13 '22 10:10

Prashant Bhate