Bookmarklets Collection

Azure (2)

Azure Container Delete Commands

Generate Azure CLI commands to delete all containers in a storage account. Outputs bash script to console for batch deletion.

by chrisribe 949 bytes

📌 Azure Container Delete Commands

javascript:!function(){var e=document.querySelectorAll(".azc-grid-multiselectable tr");if(0===e.length)return void console.warn("No Azure grid rows found. Make sure you are on the correct Azure portal page.");let t=document.querySelector(".fxs-blade-title-titleText");if(!t)return void console.error("Could not find Azure storage account title. Make sure you are on the correct Azure portal page.");let o=t.innerText.split(" | ")[0];console.log("Account name:",o);var n=[];if(e.forEach(e=>{let t=e.getAttribute("aria-label");t&&n.push(`az storage blob delete-batch --account-name ${o} --source https://${o}.blob.core.windows.net/${t}`)}),0===n.length)return void console.warn("No containers found to delete.");let r=`\n\tcommands=(  \n\t\t"${n.join('"\n"')}"\n\t)\n\tfor cmd in "\${commands[@]}"  \n\tdo  \n\t\teval $cmd  \n\tdone\t\n\t`;console.log(`Generated ${n.length} delete commands:`),console.log("Run in bash to delete all containers",r)}();

Azure Select & Delete Top 10

Automatically select the top 10 items in an Azure portal grid and trigger the delete action. Useful for bulk cleanup operations.

by chrisribe 719 bytes

📌 Azure Select & Delete Top 10

javascript:!function(){var e=document.querySelectorAll(".azc-grid-multiselectable tr");if(0!==e.length){var o=[];e.forEach(e=>{let t=e.getAttribute("aria-label");t&&o.push(t)}),console.log("Found rows:",o);for(var t=Math.min(e.length,12),r=0,l=2;l<t;l++){var a=e[l];a&&"false"==a.getAttribute("aria-selected")&&(a.click(),r++)}console.log(`Selected ${r} rows`),setTimeout(function(){var e=document.querySelector('.fxs-blade-commandBarContainer [title="Delete"] div');e?(e.click(),console.log("Delete button clicked")):console.warn("Delete button not found. Make sure you are on the correct Azure portal page.")},500)}else console.warn("No Azure grid rows found. Make sure you are on the correct Azure portal page.")}();

Azure DevOps (1)

Multi-Select Table Rows

Enable multi-selection of table rows with data-row-index attributes using Ctrl+Click. Includes auto-select options and a control panel.

by chrisribe 5253 bytes

📌 Multi-Select Table Rows

javascript:!function(){"use strict";let e=20,t=new Set;function n(e){const n=e.getAttribute("data-row-index");if(t.has(n))return;t.add(n);const o=new MouseEvent("click",{bubbles:!0,cancelable:!0,ctrlKey:!0,view:window});e.removeEventListener("click",c,!0),e.dispatchEvent(o),setTimeout(()=>{e.addEventListener("click",c,!0)},10),e.classList.add("multi-selected")}function o(e){const n=e.getAttribute("data-row-index");if(t.has(n)){if(t.delete(n),e.classList.contains("selected")||"true"===e.getAttribute("aria-selected")){const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,ctrlKey:!0,view:window});e.removeEventListener("click",c,!0),e.dispatchEvent(t),setTimeout(()=>{e.addEventListener("click",c,!0)},10)}e.classList.remove("multi-selected")}}function l(){const n=document.getElementById("multiselect-status");n&&(n.textContent=`Selected: ${t.size}/${e}`)}function c(c){const i=c.target.closest("tr[data-row-index]");if(!i)return;if(!c.ctrlKey)return;c.preventDefault(),c.stopPropagation();const r=i.getAttribute("data-row-index");if(t.has(r))o(i);else{if(t.size>=e)return void(confirm(`Maximum ${e} selections reached! Increase limit and continue?`)&&(e+=50,n(i)));n(i)}l()}function i(){document.querySelectorAll("tr[data-row-index]").forEach(e=>{e.addEventListener("click",c,!0)})}function r(){t.forEach(e=>{const t=document.querySelector(`tr[data-row-index="${e}"]`);t&&o(t)}),t.clear(),l()}function d(){const e=[];return t.forEach(t=>{const n=document.querySelector(`tr[data-row-index="${t}"]`);n&&e.push({rowIndex:t,element:n,text:n.textContent.trim()})}),e}function s(t=e){r();const o=document.querySelectorAll("tr[data-row-index]"),c=Math.min(t,o.length);t>e&&(e=t);for(let e=0;e<c;e++)setTimeout(()=>{const t=o[e];t&&(n(t),l()),e===c-1&&setTimeout(()=>{console.log(`Auto-selected ${c} rows`)},50)},20*e)}function a(){r();document.querySelectorAll("tr[data-row-index]").forEach(e=>{e.removeEventListener("click",c,!0),e.classList.remove("multi-selected")});const e=document.getElementById("multiselect-status"),n=document.getElementById("multiselect-controls");e&&e.remove(),n&&n.remove(),window.multiSelectDebug&&delete window.multiSelectDebug,t.clear(),console.log("Multi-select bookmarklet destroyed and cleaned up.")}document.querySelectorAll("tr.multi-selected").forEach(e=>{o(e)}),t.clear(),i(),function(){const e=document.getElementById("multiselect-status");e&&e.remove();const t=document.createElement("div");t.id="multiselect-status",t.style.cssText="\n            position: fixed;\n            top: 10px;\n            right: 10px;\n            background: #0078d4;\n            color: white;\n            padding: 8px 12px;\n            border-radius: 4px;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            z-index: 10000;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n        ",document.body.appendChild(t)}(),function(){const e=document.getElementById("multiselect-controls");e&&e.remove();const t=document.createElement("div");t.id="multiselect-controls",t.style.cssText="\n            position: fixed;\n            top: 50px;\n            right: 10px;\n            background: white;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            padding: 10px;\n            font-family: Arial, sans-serif;\n            font-size: 12px;\n            z-index: 10000;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n            min-width: 200px;\n        ",t.innerHTML='\n            <div style="margin-bottom: 8px; font-weight: bold;">\n                Multi-Select Controls\n                <button id="close-bookmarklet" style="float: right; background: #dc3545; color: white; border: none; border-radius: 2px; padding: 2px 6px; font-size: 11px; cursor: pointer;" title="Close and destroy bookmarklet">×</button>\n            </div>\n            <button id="select-all-20" style="margin: 2px; padding: 4px 8px; background: #0078d4; color: white; border: none; border-radius: 2px;">Select 20</button>\n            <button id="select-all-available" style="margin: 2px; padding: 4px 8px; background: #28a745; color: white; border: none; border-radius: 2px;">Select All</button>\n            <button id="clear-selections" style="margin: 2px; padding: 4px 8px;">Clear All</button>\n            <button id="hide-controls" style="margin: 2px; padding: 4px 8px;">Hide</button>\n            <div style="margin-top: 8px; font-size: 11px; color: #666;">Auto-select or Ctrl+Click rows individually</div>\n        ',document.body.appendChild(t),document.getElementById("select-all-20").onclick=()=>s(20),document.getElementById("select-all-available").onclick=()=>{s(document.querySelectorAll("tr[data-row-index]").length)},document.getElementById("clear-selections").onclick=r,document.getElementById("hide-controls").onclick=()=>{t.style.display="none"},document.getElementById("close-bookmarklet").onclick=()=>{confirm("Close and destroy the multi-select bookmarklet?")&&a()}}(),l(),window.multiSelectDebug={getSelectedData:d,clearSelections:r,selectedRows:t,addClickHandlers:i,autoSelectRows:s,selectRow:n,deselectRow:o,destroyBookmarklet:a},console.log("Multi-select bookmarklet activated! Use buttons for auto-select or Ctrl+click for manual selection.")}();

Development (1)

Page Analyzer Template

Interactive page analyzer with UI box, statistics, fun facts, and page interaction tools. Perfect template for building new bookmarklets.

by chrisribe 8563 bytes

📌 Page Analyzer Template

javascript:!function(){"use strict";const n="page-analyzer",e=n+"-"+function(n){let e=0;for(let t=0;t<n.length;t++){e=(e<<5)-e+n.charCodeAt(t),e&=e}return Math.abs(e).toString(36)}(n);try{const t=document.getElementById(e);t&&t.remove();const s=document.getElementById(e+"-styles");function o(){const n={divs:document.querySelectorAll("div").length,images:document.querySelectorAll("img").length,links:document.querySelectorAll("a").length,buttons:document.querySelectorAll("button").length,inputs:document.querySelectorAll("input").length,scripts:document.querySelectorAll("script").length,stylesheets:document.querySelectorAll('link[rel="stylesheet"]').length,title:document.title||"No title",url:window.location.href,domain:window.location.hostname,wordCount:document.body?document.body.innerText.split(/\s+/).filter(n=>n.length>0).length:0,scrollHeight:document.documentElement.scrollHeight,viewportHeight:window.innerHeight},e=[];return n.divs>100&&e.push(`🏗️ This page is div-heavy with ${n.divs} divs!`),n.images>20&&e.push(`📸 Image-rich page with ${n.images} images`),n.wordCount>1e3&&e.push(`📚 Long read: ~${Math.round(n.wordCount/200)} min read time`),n.scrollHeight>3*n.viewportHeight&&e.push(`📜 Tall page: ${Math.round(n.scrollHeight/n.viewportHeight)}x viewport height`),n.scripts>10&&e.push(`⚡ Script-heavy: ${n.scripts} JavaScript files`),{stats:n,facts:e}}s&&s.remove();let i=!1;function a(){const n=document.getElementById(e+"-toggle-divs"),t=n.querySelector(".toggle-text");i?(document.querySelectorAll("div").forEach(n=>{n.style.outline="",n.style.outlineOffset=""}),n.classList.remove("active"),t.textContent="Highlight Divs",i=!1):(document.querySelectorAll("div").forEach(n=>{n.id!==e&&(n.style.outline="2px solid red",n.style.outlineOffset="1px")}),n.classList.add("active"),t.textContent="Remove Highlights",i=!0)}function l(){r()}function r(){const{stats:n,facts:t}=o(),s={divs:n.divs,images:n.images,links:n.links,scripts:n.scripts,words:n.wordCount,domain:n.domain};Object.entries(s).forEach(([n,t])=>{const s=document.getElementById(e+"-"+n);s&&(s.textContent=t)});const i=document.getElementById(e+"-facts");i&&(i.innerHTML=t.length>0?t.map(n=>`<div class="fact-item">${n}</div>`).join(""):'<div class="fact-item">✨ This is a clean, well-structured page!</div>')}const c='<div id="{{BOOKMARKLET_ID}}">\n    <div class="header">\n        <h3>📊 Page Analyzer</h3>\n        <button class="close-btn" onclick="{{CLOSE_HANDLER}}">×</button>\n    </div>\n    \n    <div class="content">\n        <div class="stats-grid">\n            <div class="stat-item">\n                <span class="stat-label">Elements:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-divs">-</span>\n            </div>\n            <div class="stat-item">\n                <span class="stat-label">Images:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-images">-</span>\n            </div>\n            <div class="stat-item">\n                <span class="stat-label">Links:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-links">-</span>\n            </div>\n            <div class="stat-item">\n                <span class="stat-label">Scripts:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-scripts">-</span>\n            </div>\n            <div class="stat-item">\n                <span class="stat-label">Words:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-words">-</span>\n            </div>\n            <div class="stat-item">\n                <span class="stat-label">Domain:</span>\n                <span class="stat-value" id="{{BOOKMARKLET_ID}}-domain">-</span>\n            </div>\n        </div>\n        \n        <div class="facts-section">\n            <h4>🎯 Page Insights</h4>\n            <div id="{{BOOKMARKLET_ID}}-facts" class="facts-list">\n                \x3c!-- Facts will be populated by JavaScript --\x3e\n            </div>\n        </div>\n        \n        <div class="controls">\n            <button class="toggle-btn" id="{{BOOKMARKLET_ID}}-toggle-divs" onclick="{{TOGGLE_DIVS_HANDLER}}">\n                <span class="toggle-text">Highlight Divs</span>\n            </button>\n            <button class="action-btn" onclick="{{REFRESH_HANDLER}}">🔄 Refresh</button>\n        </div>\n    </div>\n</div>\n',d="#{{BOOKMARKLET_ID}} {\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    width: 320px;\n    max-height: 80vh;\n    background: rgba(255, 255, 255, 0.98);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 12px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    font-size: 14px;\n    line-height: 1.4;\n    color: #1d1d1f;\n    z-index: 999999;\n    overflow: hidden;\n}\n\n#{{BOOKMARKLET_ID}} .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    background: rgba(247, 247, 247, 0.8);\n}\n\n#{{BOOKMARKLET_ID}} .header h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: #1d1d1f;\n}\n\n#{{BOOKMARKLET_ID}} .close-btn {\n    background: none;\n    border: none;\n    font-size: 20px;\n    color: #8e8e93;\n    cursor: pointer;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    transition: all 0.2s ease;\n}\n\n#{{BOOKMARKLET_ID}} .close-btn:hover {\n    background: rgba(0, 0, 0, 0.1);\n    color: #1d1d1f;\n}\n\n#{{BOOKMARKLET_ID}} .content {\n    padding: 20px;\n    max-height: calc(80vh - 70px);\n    overflow-y: auto;\n}\n\n#{{BOOKMARKLET_ID}} .stats-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 20px;\n}\n\n#{{BOOKMARKLET_ID}} .stat-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px 12px;\n    background: rgba(0, 122, 255, 0.08);\n    border-radius: 8px;\n}\n\n#{{BOOKMARKLET_ID}} .stat-label {\n    font-weight: 500;\n    color: #1d1d1f;\n}\n\n#{{BOOKMARKLET_ID}} .stat-value {\n    font-weight: 600;\n    color: #007aff;\n}\n\n#{{BOOKMARKLET_ID}} .facts-section {\n    margin-bottom: 20px;\n}\n\n#{{BOOKMARKLET_ID}} .facts-section h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: #1d1d1f;\n}\n\n#{{BOOKMARKLET_ID}} .facts-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n#{{BOOKMARKLET_ID}} .fact-item {\n    padding: 8px 12px;\n    background: rgba(52, 199, 89, 0.08);\n    border-radius: 6px;\n    font-size: 13px;\n    color: #1d1d1f;\n    border-left: 3px solid #34c759;\n}\n\n#{{BOOKMARKLET_ID}} .controls {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n#{{BOOKMARKLET_ID}} .toggle-btn, #{{BOOKMARKLET_ID}} .action-btn {\n    padding: 10px 16px;\n    border: 1px solid rgba(0, 122, 255, 0.3);\n    border-radius: 8px;\n    background: rgba(0, 122, 255, 0.08);\n    color: #007aff;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-align: center;\n}\n\n#{{BOOKMARKLET_ID}} .toggle-btn:hover, #{{BOOKMARKLET_ID}} .action-btn:hover {\n    background: rgba(0, 122, 255, 0.15);\n    border-color: rgba(0, 122, 255, 0.5);\n}\n\n#{{BOOKMARKLET_ID}} .toggle-btn.active {\n    background: #007aff;\n    color: white;\n    border-color: #007aff;\n}\n\n#{{BOOKMARKLET_ID}} .toggle-btn.active:hover {\n    background: #0056cc;\n    border-color: #0056cc;\n}\n".replace(/\{\{BOOKMARKLET_ID\}\}/g,e),g=document.createElement("style");g.textContent=d,g.id=e+"-styles",document.head.appendChild(g);const p=e.replace(/-/g,"_"),u=document.createElement("div");u.innerHTML=c.replace(/\{\{BOOKMARKLET_ID\}\}/g,e).replace(/\{\{CLOSE_HANDLER\}\}/g,`(function(){document.getElementById('${e}').remove();document.getElementById('${e}-styles').remove();})()`).replace(/\{\{TOGGLE_DIVS_HANDLER\}\}/g,`window.${p}_toggleDivs()`).replace(/\{\{REFRESH_HANDLER\}\}/g,`window.${p}_refresh()`),document.body.appendChild(u.firstElementChild),console.log("Page Analyzer loaded with ID:",e),console.log("Panel element:",document.getElementById(e)),window[p+"_toggleDivs"]=a,window[p+"_refresh"]=l,r()}catch(h){console.error("Page Analyzer Error:",h),alert("Page Analyzer encountered an error. Check the console for details.")}}();

IcM (1)

IcM Link Child Incident

Automates linking a child incident in Microsoft IcM portal. Clicks Links > Child > Add link, then pastes from clipboard and selects the incident.

by chrisribe 2341 bytes

📌 IcM Link Child Incident

javascript:!function(){"use strict";function t(t,e=5e3){return new Promise((o,n)=>{const r=document.querySelector(t);if(r)return o(r);const i=new MutationObserver(()=>{const e=document.querySelector(t);e&&(i.disconnect(),o(e))});i.observe(document.body,{childList:!0,subtree:!0}),setTimeout(()=>{i.disconnect(),n(new Error(`Timeout waiting for ${t}`))},e)})}function e(t,e=300){return new Promise(o=>{t.click(),setTimeout(o,e)})}!async function(){try{console.log("Starting IcM child link workflow..."),console.log("1. Clicking Links button...");const o=Array.from(document.querySelectorAll("span.ms-Button-label")),n=o.find(t=>"Links"===t.textContent.trim());if(!n)throw console.error("Available button labels:",o.map(t=>t.textContent)),new Error("Links button not found");await e(n,500),console.log("2. Clicking Child tab...");const r=Array.from(document.querySelectorAll("span.ms-Pivot-text"));console.log("Available pivot tabs:",r.map(t=>t.textContent));const i=r.find(t=>t.textContent.match(/Child\s*\(/i));if(!i)throw new Error("Child tab not found");await e(i,300),console.log("3. Clicking Add link button..."),await new Promise(t=>setTimeout(t,300));const c=Array.from(document.querySelectorAll("span.ms-Button-label")).find(t=>t.textContent.includes("Add link"));if(!c)throw new Error("Add link button not found");await e(c,800),console.log("4. Focusing search box and pasting...");const l=await t('input.ms-SearchBox-field[placeholder*="Search incident"]',3e3);l.focus();const s=await navigator.clipboard.readText();l.value=s,l.dispatchEvent(new Event("input",{bubbles:!0})),l.dispatchEvent(new KeyboardEvent("keydown",{key:"Enter",bubbles:!0})),console.log("Pasted:",s),console.log("5. Waiting for search results..."),await new Promise(t=>setTimeout(t,2e3));const a=await t('input[type="checkbox"]',8e3);a&&!a.checked&&(a.click(),console.log("✓ Checkbox selected")),console.log("6. Clicking Next button..."),await new Promise(t=>setTimeout(t,300));const u=Array.from(document.querySelectorAll("button span.ms-Button-label")).find(t=>"Next"===t.textContent.trim());if(!u)throw new Error("Next button not found");u.closest("button").click(),console.log("✓ Next button clicked"),console.log("✓ Workflow complete! Ready to confirm link.")}catch(t){console.error("❌ Error:",t.message),alert("IcM Link Error: "+t.message)}}()}();

🔖 Bookmarklets Collection

🚀 How to Install Bookmarklets