Generador de Internos by @Ronaldn09 - Codewith.it

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

References

<table>Tag primario per la creazione di tabelle
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
<object>Incorpora risorse varie nella pagina web.
<abbr>Inserisce abbreviazioni e acronimi

Users

Log in to search for users

Explore

Find inspiration

Pagina Di Prova 1.11.23

"esercitazione 6.html"

Autoscuola Eur Torrino Fabrizio e

immagine per HTML

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>