Gecko [ www.utparral.edu.mx ]

Name	Size	Permission	Action
img	[ DIR ]	drwxrwxr-x
index.html	4.67 KB	-rwxrwxr-x

Code Editor : index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Firma</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

form {
            padding: 20px;
            border: 1px solid;
            width: 540px;
            /*        font-weight: bolder;*/

}

.logo {
            padding-left: 8px; 
            float: left;

}

#imagen {
            width: 170px;
            height: 130px;
            padding: 0px;

}

#separador {
            height: 130px;
            width: 15px;
            padding-left: 10px;
        }

.texto {
            float: left;
            padding-left: 10px;

}

.texto h1 {
            padding: 0;
            margin: 0 auto;
            font-size: 12px;
            font-weight: bold;
            padding-bottom: 3px;
        }

.texto h1 a {
            color: #918f8d;
        }

.dif {
            color: #646464;

}

.formulario {
            clear: both;
            float: left;
            /*            top:0;*/
            position: relative;

}
    </style>

$("input").keyup(function() {

var valor = $(this).val();
                var nombre = $(this).attr("id");

nombre.substring(0, (nombre.length) - 10);

nombre.slice(0, nombre.lenght - 1);

$(nombre).text(valor);
                //                                            alert(nombre);

});

$("#nombref").keyup(function() {

var nombre = $("#nombref").val();

$("#nombret").text(nombre);

});

$("#departamentof").keyup(function() {

function MaysPrimera(string) {
                    return string.charAt(0).toUpperCase() + string.slice(1);
                }
                var nombre = $("#departamentof").val();

var may = "Departamento de " + nombre;

may = MaysPrimera(may);

$("#departamentot").text(may);

});

$("#correof").keyup(function() {

var nombre = $("#correof").val();

$("#correot").text(nombre);
                $("#correot").attr('href', 'mailto:' + nombre);

});

$("#extf").keyup(function() {

var nombre = $("#extf").val();

$("#extt").text("627.1186400 Ext " + nombre);

});

});
    </script>

</head>

<div class="texto">
            <strong>
                <h1 id="departamentot">Departamento</h1>
            </strong>
            <h1 id="nombret" class="dif">Persona responsable del departamento</h1>
            <h1 class="dif">Centro de Bachillerato Tecnológico Industrial y de Servicios 228</h1>
            <h1 id="extt">627.52.2.60.81 Ext 111</h1>
            <h1> <a id="correot" href="">Correo</a></h1>
            <h1><a href="http://www.utparral.edu.mx">http://www.cbtis228.edu.mx</a></h1>
            <h1>Av. Solidaridad </h1>
            <h1>Colonia PRI C.P. 33825</h1>

</div>

<br>

<br>

<form>
            Departamento de:
            <br>
            <input id="departamentof" type="text" name="departamento">
            <br>
            Nombre:
            <br>
            <input id="nombref" type="text" name="nombre">
            <br>
            Correo:
            <br>
            <input id="correof" type="email" name="correo">
            <br>
            Extensión:
            <input id="extf" type="number" name="extencion">
            <br>

</form>

</div>

</body></html>

${this.title}

Code Editor : index.html