Safari Books made ...ugh... strange (not to say anything worse) decision to show a sample code in books in boxes of 20-something lines high with a vertical scrollbar. The longer code sample is, the less of the code you can see at once.

If you are reading something in the text of the page and want to see the piece or the code sample you are interested in, you need (in the worst case) to drag the page's scroll bar until you see a code sample box, move the mouse to the code sample box scrollbar, drag it up/down to find a piece of code you want to see. Then, to return to the place you were reading in the book, you need to move the mouse back to the scrollbar of the page and drag it to return back. Those switchings of mouse from one scrollbar to another are SO annoying, that I decided to spend several hours to learn how to write GreaseMonkey scripts.

Here is the result. This script removes from the code samples the CSS style that makes the code samples to be shown in the short scrolled box - now the code samples are shown in full, without any scrollbars, and I can keep mouse pointer on the scrollbar of the page itself and drag it up or down to switch from the place I'm reading in the book text to the place in the code sample that illustrates this text, and back. Safari Books Nirvana!

Note that if you are using a Safary Books provider other then Informit or Oreilly, you will have to specify your URL in the Included Pages of the GreaseMonkey's Manage User Scripts window. Also, I would ask you to post here, in comments, your Safari Books URL, so that eventually I could add it to the script.

Update Looks like it was not enough to addEventListener on the 'load' event. But adding listener on the 'DOMNodeInserted' event works OK - may be this is not the most efficient way, but it works.