r

121 123123

Abrir en el editor Publica tu código

Recomendado

2 January 2026

Barra lateral

14 December 2025

Diseño de formulario de inicio de sesión animado con CSS

13 March 2026

Tutorial de JavaScript Canvas para el juego de la serpiente

HTML

<!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>

CSS