Skip to main content
100%

Fair-ly useful, quick and dirty bookmarklet for removing a div with `#subscription-overlay` and taking `overflow:hidden` off the body.

✓ Published0🌍 Public
Aandrewcowley
Last edited Aug 6, 2013
Created on Aug 6, 2013

This example demonstrates a quick, practical workaround for removing a paywall-style subscription overlay from a webpage. The code uses jQuery to select and delete the element with the ID `subscription-overlay`, then resets the body’s CSS `overflow` property from `hidden` to `visible`. It relies on the jQuery library’s `remove()` method and the `css()` method for style manipulation. The example shows a minimal, single-purpose bookmarklet that directly targets a specific DOM structure without additional data or rendering logic.

AI-generated description

Similar vizzes

Loading thumbnail…

Detach video bookmarklet: javascript:(function (src) {var s;s=document.createElement('script');s.src=src;document.body.appendChild(s);}('https://gist.githubusercontent.com/abernier/9730666/raw/detachvideo.js'));)

This bookmarklet detaches the largest video element from a webpage and reopens it in a separate pop-up window sized to its original dimensions, preserving the viewer’s context while hiding the surrounding page. The code uses the DOM API (`querySelectorAll`, `getBoundingClientRect`) to sort all `video`, `object`, and `iframe` tags by area, then opens the video’s URL (or the iframe’s `src`) via `window.open`. After load, it scrolls the pop-up to match the original video’s position and sets `overflow` to `hidden` on both the body and its parent, isolating the playback. The script relies on plain JavaScript, with no external libraries.

Aabernier
57% match
Loading thumbnail…

D3 Bookmarklet

This example demonstrates a bookmarklet that injects D3.js into any webpage by appending a dynamically created script element to the document head. The code specifically loads D3 version 3 from the d3js.org CDN using the `document.createElement` and `document.head.appendChild` APIs. It shows how to enable D3 functionality on pages that do not already have it, making the library available for future interactions. The bookmarklet relies solely on this script injection mechanism, with no additional data or visualization logic included.

Mmbostock
54% match
Loading thumbnail…

Gist ec916d1fc2f8a4ed9fb9

This example demonstrates a minimal URL-based interaction pattern for a web page. It shows how a query string parameter, such as `?targetDiv`, is parsed with jQuery and used to reveal a specific hidden element on the page. The code uses `$(location).attr('search')` to retrieve the raw query string, strips the leading question mark with `substring(1)`, and then calls a `doStuff()` function that targets the named div via `$("#" + targetDiv).show()`. No data visualization or charting library is involved; the focus is purely on client-side DOM manipulation driven by the page’s URL.

LLayne Smith
54% match
Loading thumbnail…

Bookmarklet to uncripple Kindle Cloud Reader

This bookmarklet restores standard text-selection and right-click behavior in Kindle Cloud Reader, where a nested iframe normally blocks these actions. It loads jQuery 1.3.2 via a dynamically created script tag, then traverses the iframe structure with `$('iframe').contents().find('iframe')` to locate the inner document. The code clears the `onclick` handler, sets `-webkit-user-select` to `auto` on the body, and removes `oncontextmenu` and `onselectstart` event handlers, enabling normal copy, selection, and context-menu functionality.

Aaht
54% match
Loading thumbnail…

Remove the annoying blogger preview click trap element.

This example shows a snippet of JavaScript that removes a click-trap overlay from a Blogger preview page, allowing direct interaction with the post. It detects the preview mode by checking for the substring `post-preview` in the URL, then uses `setTimeout` with a three-second delay to locate the `.blogger-clickTrap` element via `document.querySelector` and call `remove()`. The code relies on the standard DOM API and logs status messages to the console, but does not involve any external libraries or data sources.

NN0taN3rd
53% match
Loading thumbnail…

clearfix hack for floats #css

A CSS code snippet demonstrates the clearfix hack, a technique that prevents a containing element from collapsing to zero height when its children are floated. The example uses the `.clearfix::after` pseudo-element with `content`, `clear`, and `display` properties in a SCSS file. This approach renders a hidden table element after the container, which clears the floats and restores the container’s height. The code shows the standard modern clearfix pattern, relying on CSS pseudo-elements and the `clear` property rather than JavaScript libraries or external rendering APIs.

TTimeBandit
51% match
Loading thumbnail…

browsing tools dotjs snippets

This example shows a collection of JavaScript snippets that add keyboard and mouse shortcuts to specific websites, such as Forrst and Dribbble. It demonstrates how jQuery is used to bind click handlers to page elements, triggering navigation to the next paginated page, and how a custom keydown handler detects the Control key to open a Dribbble shot in a new window. The code relies on jQuery selectors and CSS properties to identify active elements, and it uses `document.location` for redirection. The snippets are designed for the dotjs browser extension, which injects user scripts into matching sites.

TTBD
51% match
Loading thumbnail…

bookmarklet

This bookmarklet overlays a small, always-on-top widget on any web page, displaying two live performance metrics: AngularJS watcher counts and digest timings. The widget presents each metric as a scrolling bar chart, paired with a numerical readout showing the current, minimum, and maximum values. A click toggles the display between the two metrics. The code tracks AngularJS scope watchers and digest execution time by intercepting the `$digest` function, styling the graphs with inline CSS and updating them on every digest cycle.

CColinEberhardt
51% match