Generador de Internos by @Ronaldn09 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<nav>Definisce un menu di navigazione
maxImposta il valore numerico o temporale massimo per un elemento input
formSpecifica a quale form appartiene un elemento.
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
methodDetermina il metodo di invio dei dati di un form al server

Users

Log in to search for users

Explore

Find inspiration

Progetto Cinema Mohole 2425

esercizio informatica 5

Basketball Legends

Prova altro form

Inserimento immagini in un testo

esercitazione 2 webdevel

esempio di captcha

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Generador de Internos</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-image: url('https://i.imgur.com/Pojjbwp.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        .container {
            background-color: rgba(0, 0, 0, 0.8);
            padding: 20px;
            border-radius: 10px;
            max-width: 600px;
            width: 100%;
            box-sizing: border-box;
            color: white;
        }
        select, input, button {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            box-sizing: border-box;
        }
        button {
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
        button:hover {
            background-color: #45a049;
        }
        .loader {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
            display: inline-block;
            margin-left: 10px;
            vertical-align: middle;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .enrutador-icon {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 5px;
        }
        #enrutador {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
            background-repeat: no-repeat;
            background-position: right 10px top 50%;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding-right: 30px;
        }
        #enrutador option {
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding-left: 30px;
            background-repeat: no-repeat;
            background-position: 5px center;
            background-size: 20px 20px;
        }
        .error-message {
            background-color: #ff0000;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
            font-weight: bold;
            display: inline-block;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Generador de Internos</h1>
        <div>
            <label for="enrutador">Seleccionar Enrutador:</label>
            <select id="enrutador">
                <option value="">Selecciona un Enrutador</option>
            </select>
        </div>
        <div id="inputContainer"></div>
        <button id="generateButton" style="display:none;">Generar</button>
        <div id="generatedURLContainer" style="display:none;">
            <label for="generatedURL">URL Generada:</label>
            <input type="text" id="generatedURL" readonly>
            <button id="copyButton">Copiar</button>
        </div>
    </div>

    <script>
        const enrutadores = [
            { name: 'SAVANTA', url: 'https://sample.savanta.com/v2/c/?id=XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el id', placeholder: 'XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX' }], icon: 'https://i.imgur.com/Uk6yWF6.png' },
            { name: 'SE.NAVIGATOR', url: 'https://se.navigatorsurveys.com/api/survey/redirect?status=Complete&or1=XXXXXXXXXXXXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el or1 o el enlace completo', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'WELCOME.WALR', url: 'https://welcome.walr.com/surveyout/?P1=XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXX&P3=1', inputs: [{ label: 'Ingresa el P1=, panelist_id=, rid= o el enlace completo', placeholder: 'XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXX' }] },
            { name: 'SAMPLETAP', url: 'https://surveys.sampletap.com/returning/c?v=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el v=', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'RDSECURE', url: 'https://www.rdsecured.com/return?inbound_code=1000&rid=XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el RID o el enlace completo', placeholder: 'XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX' }] },
            { name: 'PANELAPPS.PHRONESIS-PARTNERS', url: 'https://panelapps.phronesis-partners.com/StartSurvey/1/XXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el valor StartSurvey/1/XXXXXXXXXXXXXXXXX', placeholder: 'XXXXXXXXXXXXXXXXX' }] },
            { name: 'UF.SAMPLEEYE', url: 'https://uf.sampleeye.com/end?RT=XXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX&Status=5', inputs: [{ label: 'Ingresa el RT', placeholder: 'XXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX' }] },
            { name: 'APP.CENTIMENT', url: 'https://app.centiment.co/r/client/complete?ct=e7bd1da4cc&aid=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el aid', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'ZAMPLIA', url: 'https://zampcomplete.zamplia.com/?UID=77839129', inputs: [{ label: 'Ingresa el UID', placeholder: '77839129' }] },
            { name: 'm.survey.bz ISA', url: 'https://link.mysoapbox.com/Thanks/Index?auth=10&rid=ISA-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el ISA- o el enlace completo', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'Tssrvy.com', url: 'https://tssrvy.com/r/?tsid=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&st=1', inputs: [{ label: 'Ingresa el tsid', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'Vault.questionlab.com', url: 'https://vault.questionlab.com/audience/passback?creference=TVRJM0l5TkVUVkk9&status=1&arid=XXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXX', inputs: [{ label: 'Ingresa el arid= o el enlace completo', placeholder: 'XXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXX' }] },
            { name: 'Surveyengine.pureprofile.com', url: 'https://surveyengine.pureprofile.com/api/v1/universal/payment/completed?num=1&ppid=rid-XXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el rid- o el enlace completo', placeholder: 'XXXXXXXXXXXXXXXXXXX' }] },
            { name: 'Globalresearchstudy.com', url: 'http://globalresearchstudy.com/projects/AZXXX_IENG_XXXX_O/client_page.asp?trans_id=A-XXXX-XXXXXXXXXXXX-XXXX-XXXX&s=1', inputs: [
                { label: 'Ingresa el Projects/AZXXX_XXXX_XXXX_O/', placeholder: 'AZXXX_IENG_XXXX_O' },
                { label: 'Ingresa el trans_id', placeholder: 'XXXX-XXXXXXXXXXXX-XXXX-XXXX' }
            ], icon: 'https://i.imgur.com/QsYlz7S.png' },
            { name: 'Participation.dtect.io', url: 'https://participation.dtect.io/redirect?status=complete&id=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX', inputs: [{ label: 'Ingresa el id o el enlace completo', placeholder: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX' }] },
            { name: 'Ezio.link', url: 'https://ezio.link/redirect?eztype=C&ezkey=xxxxxxxxxxxxxxxxxxxxx&ezmode=1&ezpid=xxxxxxxxxxxxxxxxxxxx', inputs: [{ label: 'Ingresa el ezkey', placeholder: 'xxxxxxxxxxxxxxxxxxxxx' }, { label: 'Ingresa el ezpid', placeholder: 'xxxxxxxxxxxxxxxxxxxx' }] },
            { name: 'Survey.Audience', url: 'https://surveys.audience-align.com/survey/thankyou?auth=RU55RmZURzNLZDE=&uid=XXXXXXXXXXXXXXXXXXXXXXXXXX', inputs: [{ label: 'Ingresa el uid', placeholder: 'XXXXXXXXXXXXXXXXXXXXXXXXXX' }] },
            { name: 'Dev.hrd08.com', url: 'https://dev.hrd08.com/api/hra/tComp?transaction_value=XXXXX-XXXX__XXXXXX&re=1', inputs: [{ label: 'Ingresa el transaction_value= o el enlace completo', placeholder: 'XXXXX-XXXX__XXXXXX' }] },
        ];

        const enrutadorSelect = document.getElementById('enrutador');
        const inputContainer = document.getElementById('inputContainer');
        const generateButton = document.getElementById('generateButton');
        const generatedURLContainer = document.getElementById('generatedURLContainer');
        const generatedURLInput = document.getElementById('generatedURL');
        const copyButton = document.getElementById('copyButton');

        // Populate the select element with options
        enrutadores.forEach(enrutador => {
            const option = document.createElement('option');
            option.value = enrutador.name;
            option.textContent = enrutador.name;
            if (enrutador.icon) {
                option.style.backgroundImage = `url('${enrutador.icon}')`;
            }
            enrutadorSelect.appendChild(option);
        });

        enrutadorSelect.addEventListener('change', function() {
            inputContainer.innerHTML = '';
            if (this.value) {
                const selectedEnrutador = enrutadores.find(e => e.name === this.value);
                selectedEnrutador.inputs.forEach((input, index) => {
                    const inputElement = document.createElement('div');
                    inputElement.innerHTML = `
                        <label for="input${index}">${input.label}:</label>
                        <input type="text" id="input${index}" placeholder="${input.placeholder}">
                    `;
                    inputContainer.appendChild(inputElement);
                });
                generateButton.style.display = 'block';
            } else {
                generateButton.style.display = 'none';
                generatedURLContainer.style.display = 'none';
            }
        });

        generateButton.addEventListener('click', function() {
            const selectedEnrutador = enrutadores.find(e => e.name === enrutadorSelect.value);
            if (selectedEnrutador) {
                // Mostrar icono de carga
                generateButton.innerHTML = 'Generando <span class="loader"></span>';
                generateButton.disabled = true;

                setTimeout(() => {
                    let url = selectedEnrutador.url;
                    let errorMessage = null;
                    if (selectedEnrutador.name === 'Globalresearchstudy.com') {
                        const projectId = document.getElementById('input0').value;
                        const transId = document.getElementById('input1').value;
                        url = url.replace('AZXXX_IENG_XXXX_O', projectId);
                        url = url.replace('XXXX-XXXXXXXXXXXX-XXXX-XXXX', transId);
                    } else if (selectedEnrutador.name === 'RDSECURE') {
                        const input = document.getElementById('input0').value;
                        const ridRegex = /rid=([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})/i;
                        const match = input.match(ridRegex);
                        if (match) {
                            url = url.replace('XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX', match[1]);
                        } else if (input.length === 36 && input.split('-').length === 5) {
                            url = url.replace('XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXX-XXXXXXXXXXXXX', input);
                        } else {
                            errorMessage = 'RID no detectado o Ingresar RID manual no encontrado';
                        }
                    } else if (selectedEnrutador.name === 'SE.NAVIGATOR') {
                        const input = document.getElementById('input0').value;
                        const or1Regex = /or1=([a-f0-9]{32})/i;
                        const match = input.match(or1Regex);
                        if (match) {
                            url = url.replace('XXXXXXXXXXXXXXXXXXXXXXXXXXXXX', match[1]);
                        } else if (input.length === 32 && /^[a-f0-9]+$/i.test(input)) {
                            url = url.replace('XXXXXXXXXXXXXXXXXXXXXXXXXXXXX', input);
                        } else {
                            errorMessage = 'or1 no detectado, Ingresar or1 manual';
                        }
                    } else if (selectedEnrutador.name === 'Participation.dtect.io') {
                        const input = document.getElementById('input0').value;
                        const idRegex = /id=([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})/i;
                        const match = input.match(idRegex);
                        if (match) {
                            url = url.replace('XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX', match[1]);
                        } else if (input.length === 36 && input.split('-').length === 5) {
                            url = url.replace('XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX', input);
                        } else {
                            errorMessage = 'id no detectado, Ingresar id manual';
                        }
                    } else if (selectedEnrutador.name === 'WELCOME.WALR') {
                        const input = document.getElementById('input0').value;
                        const idRegex = /(P1=|panelist_id=|rid=)([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}[a-z]{6})/i;
                        const match = input.match(idRegex);
                        if (match) {
                            url = url.replace('XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXX', match[2]);
                        } else if (input.length === 42 && input.split('-').length === 5) {
                            url = url.replace('XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXXXX', input);
                        } else {
                            errorMessage = 'P1= O panelist_id no detectado, Ingresar P1= O panelist_id manual';
                        }
                    } else if (selectedEnrutador.name === 'Dev.hrd08.com') {
                        const input = document.getElementById('input0').value;
                        console.log('Input recibido:', input);

                        const transactionValueRegex = /transaction_value=([A-Z0-9]{3}-[0-9]{2}__[a-z0-9]{6}|[A-Z0-9]{4}[0-9]-[0-9]{4}__[a-z0-9]{6})(&|$)/i;
                        const match = input.match(transactionValueRegex);

                        if (match) {
                            const transactionValue = match[1];
                            console.log('Transaction value detectado:', transactionValue);
                            url = `https://dev.hrd08.com/api/hra/tComp?transaction_value=${transactionValue}&re=1`;
                        } else if (/^[A-Z0-9]{3}-[0-9]{2}__[a-z0-9]{6}$/.test(input) || /^[A-Z0-9]{4}[0-9]-[0-9]{4}__[a-z0-9]{6}$/.test(input)) {
                            console.log('Transaction value ingresado manualmente:', input);
                            url = `https://dev.hrd08.com/api/hra/tComp?transaction_value=${input}&re=1`;
                        } else {
                            console.log('Transaction value no detectado o inválido');
                            errorMessage = 'transaction_value= no detectado o inválido. Debe tener 14 o 18 caracteres en el formato XXX-XX__xxxxxx o XXXXX-XXXX__xxxxxx';
                        }

                        console.log('URL generada:', url);
                    } else if (selectedEnrutador.name === 'Surveyengine.pureprofile.com') {
                        const input = document.getElementById('input0').value;
                        console.log('Input recibido:', input);

                        const ridRegex = /(?:trans_id=)?rid-([a-zA-Z0-9-_]{22})/;
                        const match = input.match(ridRegex);

                        if (match) {
                            const rid = match[1];
                            console.log('rid detectado:', rid);
                            url = `https://surveyengine.pureprofile.com/api/v1/universal/payment/completed?num=1&ppid=rid-${rid}`;
                        } else if (/^[a-zA-Z0-9-_]{22}$/.test(input)) {
                            console.log('rid ingresado manualmente:', input);
                            url = `https://surveyengine.pureprofile.com/api/v1/universal/payment/completed?num=1&ppid=rid-${input}`;
                        } else {
                            console.log('rid no detectado o inválido');
                            errorMessage = 'rid- no detectado, Ingresar rid- manual';
                        }

                        console.log('URL generada:', url);
                    } else if (selectedEnrutador.name === 'Vault.questionlab.com') {
                        const input = document.getElementById('input0').value;
                        console.log('Input recibido:', input);

                        const aridRegex = /arid=([0-9a-zA-Z!$-]{43})(?:&|#|$)/;
                        const match = input.match(aridRegex);

                        if (match) {
                            const arid = match[1];
                            console.log('arid detectado:', arid);
                            url = `https://vault.questionlab.com/audience/passback?creference=TVRJM0l5TkVUVkk9&status=1&arid=${arid}`;
                        } else if (/^[0-9a-zA-Z!$-]{43}$/.test(input)) {
                            console.log('arid ingresado manualmente:', input);
                            url = `https://vault.questionlab.com/audience/passback?creference=TVRJM0l5TkVUVkk9&status=1&arid=${input}`;
                        } else {
                            console.log('arid no detectado o inválido');
                            errorMessage = 'arid= no detectado, Ingresar arid= manual';
                        }

                        console.log('URL generada:', url);
                    } else if (selectedEnrutador.name === 'm.survey.bz ISA') {
                        const input = document.getElementById('input0').value;
                        console.log('Input recibido:', input);

                        const isaRegex = /ISA-([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})(?:&|#|$)/i;
                        const match = input.match(isaRegex);

                        if (match) {
                            const isa = match[1];
                            console.log('ISA- detectado:', isa);
                            url = `https://link.mysoapbox.com/Thanks/Index?auth=10&rid=ISA-${isa}`;
                        } else if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(input)) {
                            console.log('ISA- ingresado manualmente:', input);
                            url = `https://link.mysoapbox.com/Thanks/Index?auth=10&rid=ISA-${input}`;
                        } else {
                            console.log('ISA- no detectado o inválido');
                            errorMessage = 'ISA- no detectado, Ingresar ISA- manual';
                        }

                        console.log('URL generada:', url);
                    } else {
                        selectedEnrutador.inputs.forEach((input, index) => {
                            const inputValue = document.getElementById(`input${index}`).value;
                            url = url.replace(input.placeholder, inputValue);
                        });
                    }

                    if (errorMessage) {
                        generatedURLInput.value = '';
                        const errorElement = document.createElement('div');
                        errorElement.className = 'error-message';
                        errorElement.textContent = errorMessage;
                        generatedURLContainer.innerHTML = '';
                        generatedURLContainer.appendChild(errorElement);
                    } else {
                        generatedURLInput.value = url;
                        generatedURLContainer.innerHTML = `
                            <label for="generatedURL">URL Generada:</label>
                            <input type="text" id="generatedURL" readonly value="${url}">
                            <button id="copyButton">Copiar</button>
                        `;
                        document.getElementById('copyButton').addEventListener('click', function() {
                            document.getElementById('generatedURL').select();
                            document.execCommand('copy');
                        });
                    }
                    generatedURLContainer.style.display = 'block';

                    // Restaurar el botón
                    generateButton.innerHTML = 'Generar';
                    generateButton.disabled = false;
                }, 1000);
            }
        });
    </script>
</body>
</html>