Google Books Fuller Full Screen

on Dec 26, 2010 in Web | 8 comments

Ever since I started using FireFox 4 Beta I’ve been wanting back my favorite plug-ins.  Fortunately Firebug has their 1.7a that’s compatible, so that’s good, but GreaseMonkey seems to have been lacking (even with their nightlies).  That’s too bad, but then I came across Scriptish by Erik Vold.  It’s a great light-weight fork that cuts out the old FireFox code and is lightning fast.  Anyways, after editing the plug-in minimum browser version to run with beta 8 I decided to give it a whirl.  So here’s my first work-in-progress for Google Books.

Currently, I have written it for the full-screen view, however, Google uses some JavaScript to toggle the full-screen/regular views without doing a full refresh of the page – but it’s passed in a variable in the URL – so currently the script will only load if you either start in full-screen mode, or hard refresh after you toggle it.  Fortunately since they already have the JavaScript running I should be able to plug into that and make it work with my update.  Also, it only works with single-page view-so I’ve hard coded the url for single page and not for double.  If I ever get around to finishing it I’ll upload it to Userscripts.  Here’s a couple of before/after pics:

Isn’t it amazing what you can do with just a little bit of CSS?  The second function call calls the CSS3 Transitions, in case your browser doesn’t support them.  If you want just the altered CSS for some other post-processor besides Scriptish or GreaseMonkey then here’s what I have so far:

Oh, a couple of last notes – the arrow used comes from the same CSS sprite as the rest of the images, so it’s very useful in that regard – no extra pictures.  The book is The Samoan Story of Creation from Forgotten Books.

8 Comments

  1. Jay

    March 25, 2011

    Post a Reply

    Hi Danny,

    I LOVE the idea behind this script!

    I’ve installed Scriptish onto FF4, created a new script with ID “test” and with title, “Fuller Screen for Google Books”, then I specified my script editor, and pasted your 20 lines of script into the file that was created for me by Scriptish. Saved that and…. nothing. Not even after rebooting FF.

    Do you have any idea where I went wrong? I have very little to no experience with Greasemonkey and/or Scriptish. And I’m not even sure if I need to “activate” your script somehow (I tried pressing F11 for full screen view).

    Can you advise me as to how I can experience your cool work?

    Cheers,

    Jay

    • Danny Wahl

      March 25, 2011

      Post a Reply

      Jay,

      I just reinstalled FF4 final with a new profile and it does work. here’s the procedure (now that you’ve got the script installed properly)

      Go to read a book and when it loads with all of google’s frames click the ‘full screen’ button on the google toolbar – not your browser. The button is a rectangle with 4 arrows pointing toward the corners from the center. then you’ll be in the default ‘full screen’ view that Google provides. then click refresh on your browser and you’ll be in my new full screen. Again – it’s not your browser’s full screen view – it’s the google full screen view.

      Let me know if that helps.

      –Danny

  2. Jeff King

    July 31, 2011

    Post a Reply

    Thank you so much for this script. It’s “almost” perfect for my needs. One question though. Is there a simple way of keeping the toolbar visible all the time? The one that expands when I hover the arrow is the one I’m talking about. Please keep in mind that I’m a total noob with scripts. Thanks again!

    • Danny Wahl

      July 31, 2011

      Post a Reply

      Sure,

      Just remove this part from the very last rule “:hover” – that will change the width to 425px all the time instead of only when hovered.

      • Jeff King

        July 31, 2011

        Post a Reply

        Many thanks, Danny. I had to remove several “:hover”s (about 3 or 4) before I got what I wanted, but it works like a charm now. Thanks!!

  3. Jeff King

    February 16, 2012

    Post a Reply

    Hi again, Danny,

    Your script was working great for me until Google changed their layout for Google books. Now, even using your script and using F11 for true full screen, the upper 25% of the screen is white space and won’t go away. Any chance for an update of your script to get around the new layout?

    Thanks,
    Jeff King

  4. tanic

    February 26, 2012

    Post a Reply

    Thank you guys! I just pasted your code on the chrome javascript console and it worked!!!

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">