Полезная информация

Вы можете получить техническую поддержку и просто поболтать в jabber-конференциях Mozilla Россия: support@conference.mozilla-russia.org — для решения проблем с программами Mozilla, talks@conference.mozilla-russia.org — для общения на свободные темы.

№116-09-2012 11:15:59

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 584
UA: Firefox 15.0

Reverse Google Image Search Anywhere

Reverse Google Image Search Anywhere

Автор: Matthew Ng

Описание: - Отправка запроса на поиск изображения в Google перетаскиванием с открытой страницы, папки или Рабочего стола.
                  - Для сайта, с открытой страницей, будет необходимо разрешение для всплывающих окон.
                  - Для [firefox] и [chrome]
http://lh3.googleusercontent.com/-svpV-qAbAyE/UFWBJrKPv9I/AAAAAAAAI5I/R2T9srdRqd8/s0/46.gif

Установить: с USO

Код скрипта на USO

Код скрипта:

Выделить код

Код:

// ==UserScript==
// @name        Reverse Google Image Search Anywhere
// @namespace   matthewn4444
// @description Dragging any image allows you to do a google image search.
// @include     *
// @exclude     *www.google.*/imghp*
// @exclude     *www.google.*/search?*site=imghp&*
// @exclude     *www.google.*/search?tbs=sbi:*
// @grant       none
// @downloadURL http://userscripts.org/scripts/source/139231.user.js 
// @version     1.11
// ==/UserScript==

if (!document || !document.body || top !== self) return;

/*=============*\
|*  CONSTANTS  *|
\*=============*/
var CONSTANT = {
    incorrectTimeout: 2000,      //Milliseconds
};

var EL = {
    body:       document.body,
    head:       document.getElementsByTagName('head')[0],
    zone:       null,       //Set later
    form:       null,       //Set later
    message:    null,       //Set later
};

var VAR = {
    dragImgSrc:    null,    //String
    dontHide:      false,   //Bool
    draggedOver:   false,   //Bool
};

var MESSAGE = {
    drop:       "Drop image here!",
    incorrect:  "This is not a valid image.",
    oldBrowser: "You browser is too old and cannot use FileReader HTML5 API, please uninstall this userscript",
};

var URL = {
    imageSearch:    "https://www.google.com/searchbyimage?&image_url=",
    formSearch:     "https://www.google.com/searchbyimage/upload",
};

/*=============*\
|*   CHECKS    *|
\*=============*/
if(!window.FileReader) {
    alert(MESSAGE.oldBrowser);
    return;
}

/*=============*\
|*  FUNCTIONS  *|
\*=============*/
function getId(id) {
    return document.getElementById(id);
}

function createEl(elementName, id /*optional*/, attrArr /*optional*/) {
    var el = document.createElement(elementName);
    if (id) {
        el.id = id;
    }
    if (attrArr) {
        try{
        for (var attr in attrArr) {
            el.setAttribute(attr, attrArr[attr]);
        }
        }catch(e){alert("Attributes are set wrong: "+e)}
    }
    return el;
}

function fileNameFromFileUrl (url) {
    var index = url.lastIndexOf("/");
    if (index == -1) {return url;}
    return url.substr(index + 1);
}

function fixDataUrl(dataURL) {
    return dataURL.substr(dataURL.indexOf(",") + 1)
                  .replace(/\//gm, "_").replace(/\+/gm, "-");
}


/*=============*\
|*    HTML     *|
\*=============*/
function addDropZone() {
    EL.zone = createEl("div", "userscripts-dropzone");
    EL.body.appendChild(EL.zone);
    
    EL.message = createEl("div", "userscripts-dropzone-message");
    EL.zone.appendChild(EL.message);
    attachDragEvents(false);
}

/*=============*\
|*     CSS     *|
\*=============*/
(function(){
    var CSS = {
            "#userscripts-dropzone" : {
                "margin" : "0",
                "height" : "100px",
                "width" : "100%",
                "-webkit-user-select" : "none",
                "-moz-user-select" : "none",
                "user-select" : "none",
                "position" : "fixed",
                "top" : "-140px",
                "left" : "0px",
                "background" : "#f0f0f0",
                "box-shadow" : "0 0px 10px rgba(0,0,0,0.8)",
                "box-sizing" : "border-box",
                "-webkit-box-sizing" : "border-box",
                "-moz-box-sizing" : "border-box",
                "z-index" : "10000000",
                "-moz-transition-property" : "top",
                "-moz-transition-duration" : "0.2s",
                "-moz-transition-timing-function" : "ease-out",
                "-webkit-transition-property" : "top",
                "-webkit-transition-duration" : "0.2s",
                "-webkit-transition-timing-function" : "ease-out",
                "transition-property" : "top",
                "transition-duration" : "0.2s",
                "transition-timing-function" : "ease-out",
            },
            "#userscripts-dropzone.show" : {
                "top"     : "0px",
            },
            "#userscripts-dropzone-message": {
                "text-align" : "center",
                "font-size" : "20px !important",
                "font-weight" : "bold !important",
                "font-family" : "Arial, san-serif !important",
                "color" : "black !important",
                "padding" : "35px",
            },
        },
        cssString = "",
        propString = "",
        eachSelector = "",
        style = createEl("style");
    for(var selector in CSS) {
        eachSelector = CSS[selector];
        propString = "";
        for(var property in eachSelector) {
            propString += property + ":" + eachSelector[property] + ";";
        }
        cssString += selector + "{" + propString + "}";
    }
    style.appendChild(document.createTextNode(cssString));
    EL.head.appendChild(style);
})();

/*=============*\
|*  FUNCTIONS  *|
\*=============*/

function openSearchUrl(url) {
    var fileName = fileNameFromFileUrl(url);
    
    // Check if real file
    if (fileName.indexOf(".") === -1) {
        displayIncorrectFile();
        return;
    }
    var tehUrl = URL.imageSearch + escape(url);
    window.open(tehUrl, "_blank");
    hide();
}

function displayIncorrectFile() {
    VAR.dontHide = true;
    EL.message.innerHTML = MESSAGE.incorrect;
    setTimeout(function(){
        VAR.dontHide = false;
        hide();
    }, CONSTANT.incorrectTimeout);
}

function processDrop(event) {
try{
    var dt = event.dataTransfer,
        link = dt.getData("Text"),
        imgUrl = VAR.dragImgSrc,
        files = dt.files,
        file = null,
        i = 0;
        
    if (imgUrl != null) {
        clearImageSource();
        openSearchUrl(imgUrl);
    } else if (link != "") {
        console.log(link)
        openSearchUrl(link);
    } else if (files.length > 0) {
        for (; i < files.length; i++) {
            file = files[i];
            var reader = new FileReader();
            reader.file = file;
            reader.addEventListener("loadend", processFile, false);
            try {
                reader.readAsDataURL(file);
            }catch(error) {
                displayIncorrectFile();
                if (console && console.log) {
                    console.log(error);
                }
            }
        }
    } else {
        displayIncorrectFile();
        if (console && console.log) {
            console.log("Not an image",event);
        }
    }
    stopBrowser(event);
}catch(e){alert(e)}
}

function processFile(event) {
    event.currentTarget.removeEventListener('loadend', processFile, false);
    if (this.result == "") {    
        displayIncorrectFile();
        return;
    }
    var dataUrl = fixDataUrl(this.result),
        fileName = this.file.name;
        
    setImageForm(dataUrl, fileName);
    EL.form.submit();
    hide();
    this.file = null;
    setImageForm("", "");
    
    // Fixes Chrome's form searching
    var counter = parseInt(EL.form.getAttribute('counter')) + 1;
    EL.form.setAttribute('counter', counter);
    EL.form.action = EL.form.getAttribute('origAction') + counter;
}

function setImageForm(dataUrl, fileName) {
    if (EL.form) {
        getId('userscripts-form-data-url').setAttribute('value', dataUrl);
        getId('userscripts-form-filename').setAttribute('value', fileName);
        return;
    }
    EL.form = createEl("form", "userscripts-form-image-search", {
                    enctype:    'multipart/form-data',
                    method:     'POST',
                    target:     '_blank',
                    action:     (URL.formSearch + '?d=0'),
                    origAction: (URL.formSearch + '?d'),
                    counter:    0,
                });
    var field1 = createEl("input", 'userscripts-form-data-url', {
                    type:       'hidden',
                    name:       'image_content',
                    value:      dataUrl
                }),
        field2 = createEl("input", null, {
                    type:       'hidden',
                    name:       'btnG',
                    value:      'Search'
                }),
        field3 = createEl("input", 'userscripts-form-filename', {
                    type:       'hidden',
                    name:       'filename',
                    value:      fileName
                }),
        field4 = createEl("input", null, {
                    type:       'hidden',
                    name:       'hl',
                    value:      'en'
                });
    EL.form.appendChild(field1);
    EL.form.appendChild(field2);
    EL.form.appendChild(field3);
    EL.form.appendChild(field4);
    EL.zone.appendChild(EL.form);
}

/*=============*\
|*   EVENTS    *|
\*=============*/

function detachDragEvents() {
    document.removeEventListener("dragstart", processDragStart, false);
    document.removeEventListener("dragenter", processDragEnter, false);
    
    document.addEventListener("dragend", clearImageSource, false);
    document.addEventListener("mouseover", mouseMove, false);
    EL.zone.addEventListener("dragover", dragOverZone, false);
    EL.zone.addEventListener("dragleave", dragOutZone, false);
    EL.zone.addEventListener("drop", processDrop, false);
}

function attachDragEvents(shouldRemoveEvents) {
    document.addEventListener("dragenter", processDragEnter, false);
    document.addEventListener("dragstart", processDragStart, false);
    
    if (!shouldRemoveEvents) {
        document.removeEventListener("dragend", clearImageSource, false);
        document.removeEventListener("mouseover", mouseMove, false);
        EL.zone.removeEventListener("dragover", dragOverZone, false);
        EL.zone.removeEventListener("dragleave", dragOutZone, false);
        EL.zone.removeEventListener("drop", processDrop, false);
    }
}
function stopBrowser(evt) {
    evt.stopPropagation();
    evt.preventDefault();
}

function dragOverZone(event){
    VAR.draggedOver = true;
    stopBrowser(event);
}

function dragOutZone(event){    
    VAR.draggedOver = false;
    stopBrowser(event);
}

function mouseMove(e) {
    if (VAR.draggedOver) {
        return;
    }
    if (EL.zone.className === "show") {
        hide();
    } else {
        attachDragEvents();
    }
}

function processDragStart(event) {
    var el = event.target;
    if (el.tagName === "IMG") {
        VAR.dragImgSrc = el.src;
    } else {
        var imgs = el.getElementsByTagName('img');
        if (imgs.length > 0) {
            VAR.dragImgSrc = imgs[0].src;
        } else {
            if (el.tagName !== "A" || el.getAttribute("href") == "") {
                detachDragEvents();
                return;
            }
        }
    }
    show();
}

function processDragEnter(event) {
    if (VAR.dragImgSrc != null || event.dataTransfer.getData('Text') == "") {
        show();
    } else {    
        detachDragEvents();
    }
}

/*=============*\
|*     MISC    *|
\*=============*/
function clearImageSource(event) {
    VAR.dragImgSrc = null;
    hide();
}

function show() {
    if (EL.zone.className === "show") {
        return;
    }
    EL.message.innerHTML = MESSAGE.drop;
    detachDragEvents();
    EL.zone.className = "show";
}

function hide() {
    if (EL.zone.className === "") {
        return;
    }
    attachDragEvents();
    if (VAR.dontHide) {
        return;
    }
    VAR.draggedOver = false;
    EL.zone.className = "";
}

/*=============*\
|*    START    *|
\*=============*/
addDropZone();

Отредактировано vitalii201 (29-09-2012 00:35:02)

Отсутствует

 

№216-09-2012 19:32:10

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 584
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

LongLogin пишет:

перетащить изображение в адресную строку, потом искать с помощью

- "Мсье знает толк в извращениях"
- из контекстного меню, навскидку, ещё несколько штук можно назвать. и что?

Отсутствует

 

№316-09-2012 19:53:36

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

О, а кстати, есть ли возможность добавить в контекстное меню изображений что-то вроде "Search Google for This Image"?

Отсутствует

 

№416-09-2012 20:11:39

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 584
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

добавить в контекстное меню

пользуюсь Google Reverse Image Search, ну и Кто украл мои картинки? иногда пригождается. а так по "google image"(+"search" какие-то интересные могут исключиться) уже список немаленький на АМО.

Отсутствует

 

№516-09-2012 20:17:21

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

vitalii201 пишет:

Google Reverse Image Search

Нужен поиск по картинке через контекстное меню.

vitalii201 пишет:

Кто украл мои картинки?

Нужен поиск именно в Google Images.

Думаю, есть решение с помощью userchrome, есть кто может подсказать такое решение, если оно осуществимо?

Отсутствует

 

№616-09-2012 20:48:04

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 584
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

Google Reverse Image Search
Нужен поиск по картинке через контекстное меню.

а там через что?

littleleshy пишет:

Кто украл мои картинки?
Нужен поиск именно в Google Images.

он там "в том числе"

littleleshy пишет:

кто может подсказать

в теме по userchrome, скриптам или приложениям и спросите.
есть, к примеру, букмарклет img

Выделить код

Код:

javascript:void((function(){var%20sir=document.createElement('script');sir.setAttribute('src','http://cdnjs.cloudflare.com/ajax/libs/require.js/0.26.0/require.min.js');sir.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(sir);var%20sib=document.createElement('script');sib.setAttribute('src','http://jarred.github.com/src-img/js/app/bookmarklet.js?version=0.57');sib.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(sib);})());

Отсутствует

 

№716-09-2012 20:50:26

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

vitalii201 пишет:

а там через что?

Там не по картинке.

Отсутствует

 

№816-09-2012 20:58:58

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

LongLogin
Нужен поиск именно в Google Images и именно через контекстное меню изображения.

Отсутствует

 

№916-09-2012 21:54:05

Astana76
Участник
 
Группа: Members
Откуда: Астана
Зарегистрирован: 14-09-2010
Сообщений: 130
UA: Firefox 16.0

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

Нужен поиск именно в Google Images и именно через контекстное меню изображения

Search by Image for Google

Отсутствует

 

№1017-09-2012 01:14:20

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

Astana76
Да. Это то, что нужно.

Отсутствует

 

№1117-09-2012 01:36:51

LongLogin
Участник
 
Группа: Members
Зарегистрирован: 30-01-2011
Сообщений: 2083
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

Да. Это то, что нужно

да, но где здесь Google Images?

скрытый текст
http://ipic.su/img/img6/fs/kiss_89kb.1347831186.jpg
http://ipic.su/img/img6/fs/kiss_27kb.1347831246.jpg

вот Google Images
http://ipic.su/img/img6/tn/kiss_171kb.1347831388.jpg

Отсутствует

 

№1217-09-2012 02:01:33

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

А это по-Вашему не Google Images?

картинка
http://i41.fastpic.ru/big/2012/0917/d6/c1985335563f96e250d9be4219b09cd6.png

LongLogin пишет:

вот Google Images

Это называется "Похожие изображения".

Отсутствует

 

№1317-09-2012 02:08:22

LongLogin
Участник
 
Группа: Members
Зарегистрирован: 30-01-2011
Сообщений: 2083
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

А это по-Вашему не Google Images?

картинка
http://i41.fastpic.ru/big/2012/0917/d6/c1985335563f96e250d9be4219b09cd6.png

нет это называется поиск по картинке

littleles пишет:

LongLogin пишет:

вот Google Images

скрытый текст
http://ipic.su/img/img6/fs/kiss_171kb.1347831388.jpg

Это называется "Похожие изображения"

"Похожие изображения" на Google Images

Отсутствует

 

№1417-09-2012 02:34:37

littleleshy
________
 
Группа: Members
Откуда: Москва
Зарегистрирован: 13-12-2008
Сообщений: 2504
UA: Firefox 15.0

Re: Reverse Google Image Search Anywhere

LongLogin
Так. Я что-то не понял :D.
1) Приведённое расширение делает на 100% то, что мне нужно — ищет по изображению с помощью Google Images.
2) Сервис Google Images позволяет осуществлять поиск по картинке, так что что поиск по картинке относится к Google Images.
3) Поиск похожих изображений — дополнительная полезная функция сервиса Google Images.

Отсутствует

 

№1517-09-2012 02:40:15

LongLogin
Участник
 
Группа: Members
Зарегистрирован: 30-01-2011
Сообщений: 2083
UA: Opera 11.5

Re: Reverse Google Image Search Anywhere

littleleshy пишет:

LongLogin
Так. Я что-то не понял :D.

так я понял что ты не понял, я ж его уже предлагал, но ты написал

LongLogin
Нужен поиск именно в Google Images и именно через контекстное меню изображения.

Отсутствует

 

№1617-09-2012 10:44:28

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 584
UA: Firefox 14.0

Re: Reverse Google Image Search Anywhere

LongLogin пишет:

отключал кто-то всплывающеи окна по совету vitalii201, как оно там, небось монитора не видите изза рекламы

- врать-то зачем?

vitalii201 пишет:

- Для сайта, с открытой страницей, будет необходимо разрешение для всплывающих окон.

- это перевод со страницы скрипта на USO. а всплывающие окна как разрешаются так и запрещаются в Настройках.
- там где разрешил, для скрипта, никакого "монитора не видите изза рекламы" и в помине нет. какие-то дремучие предположения.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]