Monobook for Wikidot Theme

PRIMER EXPERIMENTO REALIZADO

Este código lo que hace es que, si colocas el usuario y contraseña correctos te redirige a una pagina concreta.

[[html]]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}

{
    box-sizing: border-box;
}

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.input-field:focus{
    border-style: solid;
    transition: 0.5;
    border-color: maroon;
    border-width: 2px;
}

.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
    transition: 0.5s;
}

.btn:focus {
    outline: 0;
}

.btn {
    background-color: Maroon;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 50%;
    opacity: 0.9;
    transition: 0.09s;
    border-radius: 3px;
    transition: 0.8s;
}

.btn:hover {
    opacity: 1;
    transition: 0.8s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}

.btn:active {
    transition: 0.09s;
    transform: translateY(1px);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}

.btn2 {
    background-color: white;
    border: none;
    cursor: pointer;
}

p {
    font-family: Helvetica;
    margin-bottom: 5%;
}
</style>
</head>
<body>

<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold; color: green;">AGIATnet LOGIN</p>
<div class="input-container">
<input class="input-field" type="text" placeholder="Usuario" name="usrnm" id="username">
</div>

<div class="input-container">
<input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="Contraseña" id="password">
</div>

<button id="start_button" class="btn btn-success" disabled> Login</button>

<script>
document.getElementById('start_button').onclick = function() {
    var username = document.getElementById('username').value;
    var password = document.getElementById('password').value;

    // Definir la variable URL
    var url;

    // Verificar las credenciales
    if (username === 'a' && password === 'contraseña123') {
        url = 'https://www.google.com';
    } else if (username === 'b' && password === '123456') {
        url = 'https://www.facebook.com';
    } else {
        alert('Usuario no autorizado');
        return; // Detener la función si las credenciales son incorrectas
    }

    // Redireccionar al URL correspondiente
    window.open(url, '_parent');
}
</script>

</form>
</body>
</html>

[[/html]]

revisión de página: 54, última edición: 14 Dec 2024 00:18

Edita Etiquetas Historial Archivos Imprimir Herramientas del sitio + Opciones

Borradores

navigation

search

toolbox

pages

watchers

PRIMER EXPERIMENTO REALIZADO

Otros sitios interesantes

Yes, I am angry! @ Postnational Solutions

VyprMedia

Cr宇宙档案馆

Chancel Aleph