Skip to main content
100%

Gist b995be5f5dd35af1b422

✓ Published0🌍 Public
Aac1714
Last edited Oct 28, 2012
Created on Oct 31, 2014

This example demonstrates a bookmarklet that appends a user-defined string to the end of the current URL. It shows the effect of redirecting the browser to the modified address when activated from a bookmark. The code uses the native `window.location.href` property in JavaScript to read and update the URL, with a placeholder string that the user replaces before saving the bookmark. The rendering approach is purely browser-based navigation, with no external libraries or data sources involved.

AI-generated description

Similar vizzes

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
65% match
Loading thumbnail…

Web Archive Bookmarklet Code

A one-line JavaScript bookmarklet opens the current page in the Internet Archive’s Wayback Machine. The code triggers `window.open` on the URL formed by concatenating `'https://web.archive.org/web/'` with the live document’s `location.href`. This example demonstrates URL string construction and the Web’s `window.open` API for navigation, with no charting or graphics libraries involved. The plain text snippet contains no data visualization logic, showing instead a minimal utility for historical page capture.

NNGuernse
64% match
Loading thumbnail…

Gist ac3b3d8bc1faa1422b4260218a23d444

A userscript injects a persistent "EDIT" link into Gitbook documentation pages. The script uses the Tampermonkey API via a `@match` directive and runs on `docs.openbrush.app`. It appends a fixed-position anchor element to the document body with `appendChild`, styling it through inline CSS properties. The link’s `href` updates on mouseover by replacing the current URL’s path with an equivalent Gitbook editor address, using `document.location.href` and string concatenation. The code relies on `setTimeout` to delay injection by one second, ensuring the page has loaded before modification.

Aandybak
62% 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
61% match
Loading thumbnail…

0413..1

This example demonstrates a bookmark navigation system for a web page, allowing users to jump directly to specific sections such as name, address, phone number, and references. It uses HTML anchor elements with `href` attributes pointing to named targets (`#user`, `#addr`, `#tel`) and corresponding `id` or `name` attributes on target elements, along with `[TOP]` links to return to the page header. The page is built with plain HTML and CSS, relying on standard browser anchor navigation rather than JavaScript or React, despite the framework metadata.

KKim-Mingyeong
61% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a bookmark navigation system within a single HTML page. It presents a section of user information with anchor links at the top that jump to specific data points, including a name, address, and phone number. The page uses raw HTML anchor tags (`<a>`) with `href="#..."` attributes to create the internal links, while a `[TOP]` link returns the user to the header. The content is styled with a simple embedded CSS rule for centering text and a basic `<header>`, `<section>`, and `<article>` layout.

MMINI
58% match
Loading thumbnail…

0414_html

This example demonstrates a simple HTML page with a bookmark-style navigation feature that links to specific sections such as name, address, phone number, and notes. The page uses anchor tags (`<a href="#...">`) to jump between content areas, with each section containing placeholder text and a link back to the top. It relies on plain HTML and CSS for structure and styling, with JavaScript not actively used in the visible code. The layout includes centered headers, an article navigation bar, and multiple information blocks marked by named anchors or IDs.

CChomin21
58% match
Loading thumbnail…

Untitled

This example demonstrates an HTML page with a bookmark (anchor) navigation feature that lets users jump between sections such as name, address, phone number, and reference notes. The page uses plain HTML anchor tags (`<a href="#id">`) and corresponding `name` or `id` attributes on target elements to enable in-page scrolling. A "TOP" link is provided to return to the top of the page. The styling is minimal, with a single CSS rule in `as.css` that sets a white heading on a black background. No JavaScript or visualization libraries are used.

Kkimtaeyoung-98
58% match