Home/ Questions/Q 8476111
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T18:05:22+00:00

Making safari extension imageSearch By google. Here is my source. injected.js document.addEventListener(contextmenu, handleContextMenu, false);

  • 0

Making safari extension imageSearch By google.

Here is my source.

injected.js

document.addEventListener("contextmenu", handleContextMenu, false);

function handleContextMenu(event) {
    safari.self.tab.setContextMenuEventUserInfo(event, event.target.nodeName);
}

global.html

<!DOCTYPE HTML>
<script type="text/javascript" src="jquery.js"></script>
<script>
safari.application.addEventListener("contextmenu", handleContextMenu, false);
function handleContextMenu(event) {
    var query = event.userInfo;
    if (query === "IMG") {
        event.contextMenu.appendContextMenuItem("imageSearch", "Search Google with this image");
    }
}

safari.application.addEventListener("command", performCommand, false);
function performCommand(event) {
    if (event.command === "imageSearch") {  


       /*How I get image Url??? */
       var imageUrl="";


    /*
        var url = "http://images.google.com/searchbyimage?image_url="+imageUrl;
        var tab = safari.application.activeBrowserWindow.openTab("foreground");
        tab.url = url;

    */

    }
}

My goal is..

  1. if mouse rightclick add “Search by Google With This Image” int the context menu. (clear)

  2. and click “Search by Google With This Image” google it. (???)

so i want to know image url.

What should I do?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could try this:

    1. store the whole node into the event’s userInfo:

      function handleContextMenu(event) {
    safari.self.tab.setContextMenuEventUserInfo(event, event.target);
}

    2. add some global javascript variable to your global.html (e.g. var lastClickedImg),

    3. change your handleContextMenu function to store the event.userInfo in function handleContextMenu to this variable:

      function handleContextMenu(event) {
    var query = event.userInfo;
    if (query.nodeName === "IMG") {
        lastClickedImg = query;
        event.contextMenu.appendContextMenuItem("imageSearch", "Search Google with this image");
    }
}

    4. in your function performCommand you will easily get the image’s url from lastClickedImg:

      lastClickedImg.src
    • 0