Greasy Fork

Library Helper - Good idea! (Need tweak include and request)

I test your script and for me (because i am not Chinese...) it need a tweak for @include:

// (not work) TEST LINK US : books.google.com.us/ - https://books.google.us/books?id=yc1NDQAAQBAJ&printsec=frontcover&dq=tintin&hl=fr&sa=X&ved=0ahUKEwi7iNGh85PlAhUs-YUKHfgLD3QQ6AEISzAF#v=onepage&q=tintin&f=false
// @include        https://books.google.com.us/books*

// (not work) TEST LINK FR : books.google.com.fr/ - https://books.google.fr/books?id=yc1NDQAAQBAJ&printsec=frontcover&dq=tintin&hl=fr&sa=X&ved=0ahUKEwi7iNGh85PlAhUs-YUKHfgLD3QQ6AEISzAF#v=onepage&q=tintin&f=false
// @include        https://books.google.com.fr/books*

// NOT NEED for book.tpml.edu.us - (just interface change not the url)
// @include        http://book.tpml.edu.us/webpac/bookDetail.do*

// BUT NOT US URL for .books.com.us/products/
// @include        https://www.books.com.us/products/*
// BUT NOT US URL for kobo.com
// @include        https://www.kobo.com/us/en/ebook*
// BUT NOT US URL for taaze.us/goods
// @include        https://www.taaze.us/goods/*

I tested it on Google Books which i can use (other site matched by your script are too Chinese specific for me) PB , I don't see the script interface...

Request: I use this very good french site: Babelio Can it be added ?

Other big request: I search a way, when i search in google, Amazon, or Babelio, to find if a particular book is present in my library of my town or not.

Here an example of it search page (Ville de bobigny: bibliotheque ): recherche : Mots "tintin" It is possible ?

Hi,

I have added support for Babelio and Ville de bobigny: bibliotheque. Also including books.google.fr, and kobo.com for all languages.

You should only see the search link only works or franch now. (if you set the browser languages correctly)

Thanks, good job!

You want Some others idea?

1 - The popup is a little bit invasive, no? The drag popup is a good idea. But i think it's possible to have it reduced (an icon) and open it on click or hover. 2 - Colorize the text in the popup: Maybe an alternate color (even/odd) or/and a background for each block of text)

Here a little test about the POPUP (CSS) (on Babelio site but ....):

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.babelio.com") {

/* ==== 0-BABELIO - Libraryhelper Popup Tweak v.1 === */
div.libraryhelper:before {
content: "🔽" !important;
    min-width: 25px !important;
    line-height: 10px !important;
    padding: 0px 5px !important;
    text-align: center !important;
    color: red !important;
    border: none !important;
    background-color: transparent !important;
    cursor: pointer !important;
    z-index: 9999;
}
div.libraryhelper:hover:before {
content: "🔻" !important;
}
div.libraryhelper {
    position: fixed;
    width: 7vw !important;
    min-height: 1.2vw !important;
    max-height: 1.2vw !important;
    padding: 0px 0 0 2px !important;
    cursor: move;
    z-index: 9999;
    overflow: hidden !important;
    overflow-x: hidden !important;
    color: white !important;
    border: 1px solid #d3d3d3;
    background-color: green !important;
}
div.libraryhelper:focus ,
div.libraryhelper:focus-within ,
div.libraryhelper:hover {
    width: 30vw !important;
    height: 100vh !important;
    max-height: 50vh !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding: 10px !important;
    border: 1px solid #d3d3d3;
    background-color: #222 !important;
}
#libraryhelper > div {
    display: inline-block !important;
    height: 20px !important;
    padding: 0 10px 0 10px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    color: gold !important;
    cursor: pointer !important;
    z-index: 50000 !important;
}
#libraryhelper > div:hover {
    height: auto !important;
    color: gold !important;
    background-color: black !important;
}
#libraryhelper > div:before {
    content: "🔽" !important;
    min-width: 25px !important;
    line-height: 10px !important;
    padding: 0px 5px !important;
    text-align: center !important;
    color: red !important;
    border: none !important;
    background-color: transparent !important;
    cursor: pointer !important;
    z-index: 9999;
}
#libraryhelper > div:hover:before {
content: "🔻" !important;
}
#libraryhelper > div > a:nth-child(odd){
    color: tan !important;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}
#libraryhelper > div:nth-child(odd) {
    background-color: #333 !important;
}
#libraryhelper > div > a {
    display: inline-block !important;
    width: 100% !important;
    color: peru !important;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}
#libraryhelper > div > a:hover {
    color: #6CCB68 !important;
}
/* === END === */

}

3 - A config for the script, to choose easily (without edit it):

• Which sites to use (Chinese site / not Chinese, other individually)
• Popup Default position (Top/Left corner or Bottom/Left corner (should be better).

Another test for the popup...