Webleb - Extraits de Code

HTML CSS JS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Roblox ID Scanner</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: white;
            margin: 0;
            padding: 10px;
        }

.container {
            background: white;
            border: 2px solid black;
            max-width: 1200px;
            width: 100%;
            padding: 10px;
            margin: 0 auto;
        }

h1 {
            color: black;
            margin-bottom: 10px;
            font-size: 18px;
            font-weight: bold;
        }

label {
            display: block;
            margin-bottom: 5px;
            color: black;
            font-weight: normal;
        }

textarea {
            width: 100%;
            height: 120px;
            padding: 5px;
            border: 1px solid black;
            font-family: "Courier New", monospace;
            font-size: 12px;
            resize: vertical;
        }

textarea:focus {
            outline: 1px solid black;
        }

.button-row {
            margin: 10px 0;
        }

button {
            padding: 5px 15px;
            border: 2px outset #ddd;
            background: #ddd;
            font-size: 12px;
            cursor: pointer;
            margin-right: 5px;
            margin-bottom: 5px;
        }

button:active {
            border-style: inset;
        }

.results-container {
            margin-top: 10px;
            border: 1px solid black;
        }

.results-header {
            background: #ddd;
            padding: 5px;
            font-weight: bold;
            color: black;
            border-bottom: 1px solid black;
        }

.results-table {
            overflow: auto;
            border: 1px solid black;
        }

table {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
        }

thead {
            position: sticky;
            top: 0;
            background: #ddd;
        }

th {
            padding: 5px;
            text-align: left;
            font-weight: bold;
            color: black;
            border: 1px solid black;
        }

td {
            padding: 5px;
            border: 1px solid black;
            white-space: nowrap;
        }

tbody tr {
            cursor: pointer;
            background: white;
        }

tbody tr:hover {
            background: #e0e0e0;
        }

.url-cell {
            color: blue;
            text-decoration: underline;
            white-space: nowrap;
        }

.empty-state {
            padding: 20px;
            text-align: center;
            color: black;
        }

.context-menu {
            position: fixed;
            background: #ddd;
            border: 2px outset #ddd;
            z-index: 1000;
            display: none;
        }

.context-menu-item {
            padding: 5px 15px;
            cursor: pointer;
            border-bottom: 1px solid black;
        }

.context-menu-item:last-child {
            border-bottom: none;
        }

.context-menu-item:hover {
            background: white;
        }

@media (max-width: 768px) {
            .container {
                padding: 10px;
            }

h1 {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Roblox ID Scanner</h1>
        <h3>(Claude ported my python project to this)</h3>
        
        <label for="idInput">Roblox ID(s) (one per line, digits only)</label>
        <input id="idInput" placeholder="Enter Roblox IDs here...
Example:
123456789
987654321"/>

<div class="button-row">
            <button onclick="generateUrls()">Generate URLs</button>
            <button onclick="clearAll()">Clear</button>
            <button onclick="copyAllUrls()">Copy All URLs</button>
            <button onclick="openAllInTabs()">Open All URLs</button>
            <button onclick="showHelp()">Help</button>
        </div>

<div class="results-container">
            <div class="results-header">Generated URLs</div>
            <div class="results-table">
                <table id="resultsTable">
                    <thead>
                        <tr>
                            <th style="width: 120px;">ID</th>
                            <th style="width: 200px;">Type / Guess</th>
                            <th>URL</th>
                        </tr>
                    </thead>
                    <tbody id="resultsBody">
                        <tr>
                            <td colspan="3" class="empty-state">No results yet. Enter IDs and click "Generate URLs".</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

<div class="context-menu" id="contextMenu">
        <div class="context-menu-item" onclick="openInBrowser()">Open in browser</div>
        <div class="context-menu-item" onclick="copyUrl()">Copy URL</div>
    </div>

function generateUrlsForId(rid) {
            return [
                ["User Profile", `https://www.roblox.com/users/${rid}/profile`],
                ["Game / Place", `https://www.roblox.com/games/${rid}/PLACE_NAME`],
                ["Game / Place (short)", `https://www.roblox.com/games/${rid}/`],
                ["Badge", `https://www.roblox.com/badges/${rid}/BADGE_NAME`],
                ["Game Pass", `https://www.roblox.com/game-pass/${rid}/GAMEPASS_TITLE`],
                ["Group", `https://www.roblox.com/groups/${rid}/GROUP_NAME`],
                ["Catalog Item", `https://www.roblox.com/catalog/${rid}/ITEM_NAME`],
                ["Library Asset", `https://www.roblox.com/library/${rid}/ASSET_NAME`],
                ["Developer Product", `https://www.roblox.com/developer-products/${rid}/PRODUCT_NAME`],
                ["Thumbnail (asset)", `https://www.roblox.com/asset-thumbnail/image?assetId=${rid}&width=420&height=420&format=png`],
                ["Asset Delivery", `https://assetdelivery.roblox.com/v1/asset/?id=${rid}`],
                ["Create Store (Model)", `https://create.roblox.com/store/asset/${rid}/NAME?assetType=Model&externalSource=www`],
                ["Create Store (Decal)", `https://create.roblox.com/store/asset/${rid}/NAME?assetType=Decal&externalSource=www`],
                ["Create Store (Audio)", `https://create.roblox.com/store/asset/${rid}/NAME?assetType=Audio&externalSource=www`],
                ["Create Store (Plugin)", `https://create.roblox.com/store/asset/${rid}/NAME?assetType=Plugin&externalSource=www`],
                ["Legacy Asset", `https://www.roblox.com/asset/?id=${rid}`],
                ["Legacy Asset (alt)", `https://www.roblox.com/asset/?ID=${rid}`]
            ];
        }

function generateUrls() {
            const input = document.getElementById('idInput').value;
            const ids = parseIds(input);
            
            if (ids.length === 0) {
                alert('Please enter at least one numeric Roblox ID.');
                return;
            }

const tbody = document.getElementById('resultsBody');
            tbody.innerHTML = '';

for (const rid of ids) {
                const urls = generateUrlsForId(rid);
                for (const [kind, url] of urls) {
                    const row = tbody.insertRow();
                    row.dataset.url = url;
                    
                    row.insertCell(0).textContent = rid;
                    row.insertCell(1).textContent = kind;
                    const urlCell = row.insertCell(2);
                    urlCell.innerHTML = `<a class="url-cell" href="${url}" target="_blank">${url}</a>`;
                    
                    row.addEventListener('contextmenu', handleRightClick);
                    row.addEventListener('dblclick', () => window.open(url, '_blank'));
                }
            }
        }

function clearAll() {
            document.getElementById('idInput').value = '';
            const tbody = document.getElementById('resultsBody');
            tbody.innerHTML = '<tr><td colspan="3" class="empty-state">No results yet. Enter IDs and click "Generate URLs".</td></tr>';
        }

function copyAllUrls() {
            const tbody = document.getElementById('resultsBody');
            const rows = tbody.querySelectorAll('tr');
            
            if (rows.length === 0 || (rows.length === 1 && rows[0].classList.contains('empty-state'))) {
                alert('No URLs to copy.');
                return;
            }

const urls = Array.from(rows)
                .map(row => row.dataset.url)
                .filter(url => url);

navigator.clipboard.writeText(urls.join('\n')).then(() => {
                alert(`Copied ${urls.length} URLs to clipboard.`);
            });
        }

function openAllInTabs() {
            const tbody = document.getElementById('resultsBody');
            const rows = tbody.querySelectorAll('tr');
            
            if (rows.length === 0 || (rows.length === 1 && rows[0].classList.contains('empty-state'))) {
                alert('No URLs to open.');
                return;
            }

const urls = Array.from(rows)
                .map(row => row.dataset.url)
                .filter(url => url);

if (urls.length > 20) {
                const confirmed = confirm(
                    `This will open ${urls.length} tabs in your browser. ` +
                    `This may be blocked by your browser's popup blocker or cause performance issues. ` +
                    `Continue anyway?`
                );
                if (!confirmed) return;
            }

urls.forEach(url => window.open(url, '_blank'));
            alert(`Opened ${urls.length} URLs in new tabs.`);
        }

function showHelp() {
            alert(
                "Roblox ID Scanner\n\n" +
                "- Paste one or more numeric IDs (one per line).\n" +
                "- The tool will generate common Roblox URL patterns\n" +
                "  for users, games, badges, catalog, groups, and create.roblox.com.\n" +
                "- Double-click a row to open the URL in your browser.\n" +
                "- Right-click a row for more options.\n" +
                "\nNote: This tool does NOT verify which URLs actually exist.\n" +
                "It just builds likely URL patterns from the ID."
            );
        }

function handleRightClick(e) {
            e.preventDefault();
            selectedRow = e.currentTarget;
            
            const menu = document.getElementById('contextMenu');
            menu.style.display = 'block';
            menu.style.left = e.pageX + 'px';
            menu.style.top = e.pageY + 'px';
        }

function openInBrowser() {
            if (selectedRow) {
                window.open(selectedRow.dataset.url, '_blank');
            }
            hideContextMenu();
        }

function hideContextMenu() {
            document.getElementById('contextMenu').style.display = 'none';
        }

document.addEventListener('click', hideContextMenu);
    </script>
</body>
</html>

Preview

Open Advanced Editor Full Screen