Generador de Internos by @Ronaldn09 - Codewith.it

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

Referenze

forSpecifica a quale id è associato l'elemento in cui è dichiarato.
disabledImpedisce la modifica di un input
methodDetermina il metodo di invio dei dati di un form al server
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
_topApre collegamenti ipertestuali nell'elemento parent assoluto
Inserisce un commento nel codice

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Quiz ristrutturazione

Sito scolastico – Template base

spaghettiamaInglese.html

Esercizio gatto

Esercitazione Morra cines

Resiliant Material

Modal Animations

Esercizio LISTA

Prep. Esame pt.4

Pagina di Esempio

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

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