Skip to main content
SimilarExport ZIP
100%

Remove the annoying blogger preview click trap element.

✓ Published0🌍 Public
NN0taN3rd
Last edited Apr 27, 2018
Created on Apr 27, 2018

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 28c56b9a8960e9c0cf99489d2e43881a

This example shows how to modify the layout of a Blogger template by adjusting the widths of its main content and sidebar containers. The code uses plain CSS to override the default dimensions, expanding the overall page width to 940 pixels and allocating 675 pixels to the main wrapper and 256 pixels to the sidebar. A second file applies more conservative changes, setting the outer wrapper to 760 pixels and the main column to 510 pixels. The gist provides two alternative CSS approaches for resizing a Blogger page structure.

NN0taN3rd
56% match
Loading thumbnail…

Untitled

This example demonstrates a simple interactive reveal mechanism using plain HTML, CSS, and JavaScript. The page displays a heading that, when clicked, toggles the visibility of a hidden paragraph. The code uses the Document Object Model (DOM) API via `getElementByClassName` and an inline `onclick` event handler to switch between two CSS classes, `reveal` and `revealed`, which control the `display` property of child elements. This minimal approach highlights basic DOM manipulation and event handling without external libraries.

NNSHkw
51% match
Loading thumbnail…

Gist d7d415d1f3401d7b9d482f01706d1b72

This example demonstrates a WordPress code snippet that delays the loading of embedded iframe content on single post pages. The PHP filter modifies the post’s content by replacing standard `iframe` `src` attributes with a custom `data-iframe-src` attribute, while the accompanying JavaScript—executed after a 1.3-second timeout—uses `querySelectorAll` to reassign the original `src` to each element via `frame.dataset.iframeSrc`. This technique postpones third-party widget rendering (such as video embeds) to prioritize initial page load, without relying on any external JavaScript libraries or APIs.

KKopylovVitalik
50% match
Loading thumbnail…

Gist 9a926ef0219e7b50d71a33ceae04c99e

This example demonstrates a WordPress content-cleaning routine that strips inline styling, removes font tags, and deletes empty HTML elements from posts. It shows how the `the_content` filter hook modifies page output for single posts and the homepage. The code uses the `add_filter` API with a custom `clean_post_content` function, applying regular expressions via `preg_replace` and a string translation with `strtr` to sanitize markup before rendering.

KKopylovVitalik
49% match
Loading thumbnail…

#javascript

This example demonstrates a JavaScript code editor that maintains focus and blur states for a text input area. The snippet configures event handlers for editor focus and focus loss, using a React component that passes `onEditorFocus` and `onEditorLoseFocus` callbacks through its props. It shows how the editor responds to user interaction by triggering these custom methods, which could update a visualization or UI state. The code relies on React’s event system and component props to manage the editor’s behavior, with no external libraries like d3 or Canvas involved.

GGugaGongadze
49% match
Loading thumbnail…

[building-blocks](http://github.com/enjalot/building-blocks)

A bookmarklet that redirects any bl.ocks.org or gist.github.com URL to the corresponding page on blockbuilder.org. The page displays a draggable link, which users add to their bookmark bar. It uses JavaScript string replacement via `window.location` and `String.replace` to rewrite the URL, requiring no external libraries beyond the included D3 3.5.5 script, though the code does not rely on D3 for its core functionality.

KKerchoo
49% match
Loading thumbnail…

wiki preview test

This example demonstrates an interactive Wikipedia link preview in a plain HTML page, where hovering over a linked article title displays its summary in a pop-up. The code uses the Wikipedia REST API to fetch article extracts on mouseover, then dynamically creates and positions a div element via the DOM API. The pop-up is removed on mouseout. While it loads D3 v7 from a CDN, the interaction relies on native JavaScript event listeners and fetch calls, not on D3-specific visualization functions.

Cchristiand416@gmail.com
48% match
Loading thumbnail…

Cars Report

This example displays a bare-bones HTML page that uses vanilla JavaScript to replace predefined text content within two `<pre>` elements. The page initially shows placeholder phrases like “kang kang.” and a clickable message prompt, but script tags immediately overwrite these strings with different “Hello World!!!!!!!” variants. The code also includes an `index.js` file that attempts to update a third element via `document.getElementByID`, though that call contains a capitalization error and targets an ID not present in the HTML. The visualization demonstrates basic DOM manipulation without any external libraries or data processing.

Ddescarmendel
48% match