cppref-hashtag

Add Python-doc-like links to cppreference

2021-06-11 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         cppref-hashtag
// @namespace    mailto:[email protected]
// @version      0.1.2
// @description  Add Python-doc-like links to cppreference
// @author       QuarticCat
// @match        https://*.cppreference.com/*
// @icon         https://www.google.com/s2/favicons?domain=cppreference.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict'

    // Inject CSS class
    document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', `
        <style type="text/css">
            a.headerlink {
                color: #0072aa;
                /* font-size: 0.8em; */
                /* padding: 0 4px 0 4px; */
                text-decoration: none;
                visibility: hidden;
            }
        </style>
    `)

    for (let headline of document.getElementsByClassName('mw-headline')) {
        // Inject links
        headline.insertAdjacentHTML('afterend', `
            <a class="headerlink" href="#${headline.id}" title="Permalink to this headline">¶</a>
        `)

        // Add hover events
        const parent = headline.parentNode
        const link = headline.nextElementSibling
        parent.addEventListener('mouseenter', () => {
            link.style.visibility = 'visible'
        })
        parent.addEventListener('mouseleave', () => {
            link.style.visibility = 'hidden'
        })
    }
})();