ESTE ES EL ARCHIVO COMPLETO AQUI HAY VARIOS INPUT
<?php
SESSION_START();
if (!empty($_SESSION["user1"]) ){
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php
?>
<title>Bootstrap 5 - BASEd!!!</title>
<!-- CLink de Bootstrap -->
<link href="
https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="
https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Los Estilos -->
<!-- Estilo del DFooter -->
<style>
footer {
padding: 20px;
color: white;
text-align: center;
}
/*solución final*/
html, body{
height:100%;
}
footer{
margin-top: -60px;
}
</style>
<script>
var outImage ="imagenFondo";
function preview_2(obj)
{
if (FileReader)
{
var reader = new FileReader();
reader.readAsDataURL(obj.files[0]);
reader.onload = function (e) {
var image=new Image();
image.src=e.target.result;
image.onload = function () {
document.getElementById(outImage).src=image.src;
};
}
}
else
{
// Not supported
}
}
</script>
<script>
function Entrar(){
// Validar el Nombre
if(document.fm1.nombre.value==""){
alert("El Campo Nombre, esta Vacio");
return false;
}
var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.fm1.nombre.value;
var bandera=true;
for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}
if(j==letras.length-1){
bandera=false;
break;
}
}
}
if(!bandera){
alert("El Campo Nombre, solo debe de Tener Letras");
return false;
}
// Validar el Apellido
if(document.fm1.apellido.value==""){
alert("El Campo Apellido, esta Vacio");
return false;
}
var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.fm1.apellido.value;
var bandera=true;
for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}
if(j==letras.length-1){
bandera=false;
break;
}
}
}
if(!bandera){
alert("El Campo Apellido, solo debe de Tener Letras");
return false;
}
// Validar tipo de Cedula
if(document.fm1.cedula.value=="0"){
alert("Dede Seleccionar Tipo de Cedula");
return false;
}
// Validar Número de Cedula
if(document.fm1.numero.value==""){
alert("El Campo Número de Cedula esta Vacio");
return false;
}
if(isNaN(document.fm1.numero.value)){
alert("El Campo Número de Cedula, debe de Contener Datos Numericos");
return false;
}
if(document.fm1.numero.value.length>8){
alert("El Campo Número de Cedula, no Puede Contener más de 8 Cifras");
return false;
}
if(document.fm1.numero.value.length<5){
alert("El Campo Número de Cedula, no puede menos de 5 cifras");
return false;
}
// Validar el Sexo
if(document.fm1.sexo[0].checked==false && document.fm1.sexo[1].checked==false){
alert("Debe de Seleccionar el Sexo")
return false;
}
//Validar Fecha de Nacimiento
if(document.fm1.fechanac.value==""){
alert("Debe de Seleccionar una Fecha de Nacimiento Valida");
return false;
}
// Validad el Estado Civil
if(document.fm1.civil.value=="0"){
alert("Dede Seleccionar Estado Civil");
return false;
}
// Validad Estudios
if(document.fm1.estudio.value=="0"){
alert("Dede Seleccionar, Estudio Realizado");
return false;
}
// Validar Profesión
if(document.fm1.profesion.value=="0"){
alert("Dede Seleccionar una Profesión");
return false;
}
//Validar teléfono
if(document.fm1.telefono.value==""){
alert("El Campo Teléfono No.1 esta Vacio");
return false;
}
valor = document.fm1.telefono.value;
if( !(/^\+\d{2}-\d{3}-\d{7}$/.test(valor)) ) {
alert("El Campo Teléfono No.1 esta mal Registrado");
return false;
}
//Validar Correo
if(document.fm1.email.value==""){
alert("El Campo E-mail esta Vacio - Debe de Escribir un E-mail Valido");
return false;
}
var expr=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!expr.test(document.fm1.email.value)){
alert("Error: La Direccion del E-mail es Incorrecta");
return false;
}
// Validad Cargo
if(document.fm1.cargo.value=="0"){
alert("Dede Seleccionar, el cargo a Realizar (Contrato)");
return false;
}
//Validar Fecha de Ingreso
if(document.fm1.fechaing.value==""){
alert("Debe de Seleccionar una Fecha de Ingreso Valida");
return false;
}
// Validar Direccion Habitacion
if(document.fm1.direccion.value==""){
alert("El Campo Direccion de habitación esta Vacio");
return false;
}
var confirmar = confirm("Foto No Actualizada, se subira sin actualizar")
if(confirmar){
document.fm1.submit();
} else {
if(document.fm1.imagen.value==""){
alert("Debe de subir un Archivo de Foto Ext: JPG");
return false;
}
var expr =/\.jpg|jpeg $/i;
if(!expr.test(document.fm1.imagen.value)){
alert("Error: la Extension de la Foto debe ser JPG");
return false;
}
var expr = document.fm1.imagen.files[0].size;
if(expr > 1000000){
alert("Debe de subir un Archivo NO mayor a 1MB (MegaByte)");
return false;
}
document.fm1.submit();
}
}
</script>
</head>
<body>
<!-- Menú -->
<?php
include 'menu.html';
?>
<?php
$server = "localhost";
$usuario = "root";
$contraseña = "";
$bd = "colaboradores";
$conexion = mysqli_connect($server,$usuario,$contraseña,$bd)
or die ("error en conexión favor verificar la conexión");
$id= $_GET['id'];
//echo $Id;
$consulta = (mysqli_query($conexion,"SELECT * FROM basecolaboradores WHERE id = '$id' " ));
while ($extraer = mysqli_fetch_array($consulta))
{
$id=$extraer['id'];
$nombre=$extraer['nombre'];
$apellido=$extraer['apellido'];
$cedula=$extraer['cedula'];
$numero=$extraer['numero'];
$sexo=$extraer['sexo'];
$fechanac=$extraer['fechanac'];
$civil=$extraer['civil'];
$estudio=$extraer['estudio'];
$profesion=$extraer['profesion'];
$telefono=$extraer['telefono'];
$email=$extraer['email'];
$cargo=$extraer['cargo'];
$fechaing=$extraer['fechaing'];
$direccion=$extraer['direccion'];
$imagen=$extraer['imagen'];
}
?>
<!-- Sección del Body y Footer -->
<!-- Linea 1 del Formulario -->
<div class="container mt-3">
<h2>Edición de Colaboradores</h2>
<p>Por favor Edite los Campos que Considere:</p>
<form action="editarcolaboradores.php" method="post" name="fm1" enctype="multipart/form-data" >
<input name="id" type="hidden" class="form-control" value=<?php echo $id?> >
<div class="row">
<table width="1140" border="0">
<tr>
<td width="286"><b> Nombre:</b></td>
<td width="280"><b> Apellido:</b></td>
<td width="282"><b>Tipo de Cedula:</b></td>
<td width="274"><b>Número de Cedula:</b></td>
</tr>
</table>
<div class="col">
<input type="text" class="form-control" data-placement="right" name="nombre" value="<?php echo $nombre?> "placeholder="Nombre">
</div>
<div class="col">
<input type="text" class="form-control" data-placement="right" name="apellido" value="<?php echo $apellido?> "placeholder="Apellido">
</div>
<div class="col">
<select class="form-control" data-placement="right" name="cedula" "placeholder="Cedula" >
<option value="<?php echo $apellido?> selected>Seleccione Cedula</option>
<option value="V">Venezolana</option>
<option value="E">Extranjero</option>
</select>
</div>
<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" name="numero" value="<?php echo $numero?>" placeholder="Cedula#: 6321489" >
</div>
<br>
<!-- Lineas 2 del Formulario -->
<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="287"><b>Sexo:</b></td>
<td width="280"><b>Fecha de Nacimiento:</b></td>
<td width="282"><b>Estado Civil:</b></td>
<td width="273"><b>Estudios Realizados:</b></td>
</tr>
</table>
<div class="col">
<center>
<input type="radio" data-toggle="tooltip" data-placement="right" name="sexo" value="Masculino" <?php echo ($sexo== 'Masculino') ? "checked" : "" ; ?>/> Masculino </label>
<input type="radio" data-toggle="tooltip" data-placement="right" name="sexo" value="Femenino" <?php echo ($sexo== 'Femenino') ? "checked" : "" ; ?>/> Femenino </label>
</center>
</div>
<div class="col">
<input type="date" class="form-control" data-toggle="tooltip" data-placement="right" title="fecha de Nacimiento día/mes/año: 12/10/2015" data-placement="right" name="fechanac" value="<?php echo $fechanac?>" placeholder="dd/mm/aaaa">
</div>
<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="civil">
<option value="<?php echo $civil?>" selected><?php echo $civil?></option>
<option value="Soltero">Soltero</option>
<option value="Casado">Casado</option>
<option value="Viudo">Viudo</option>
<option value="Divorciado">Divorciado</option>
<option value="Concubinato">Concubinato</option>
</select>
</div>
<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="estudio">
<option value="<?php echo $estudio?>" selected><?php echo $estudio?></option>
<option value="Bachillerato">Bachillerato</option>
<option value="Tecnico">Tecnico Universitario</option>
<option value="Licencitura">Licenciatura</option>
<option value="Especialización">Especialización</option>
<option value="Maestria">Maestria</option>
<option value="Doctorado">Doctorado</option>
</select>
</div>
<br>
<!-- Lineas 3 del Formulario -->
<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="287"><b>Profesión</b></td>
<td width="282"><b>Teléfono:</b></td>
<td width="281"><b>Email:</b></td>
<td width="272"><b>Cargo a Ocupar:</b></td>
</tr>
</table>
<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="profesion" >
<option value="<?php echo $profesion?>" selected><?php echo $profesion?></option>
<option value="Contador">Contador</option>
<option value="Economista">Economista</option>
<option value="Administrador">Administrador</option>
<option value="Ingeniero">Ingeniero</option>
<option value="Abogado">Abogado</option>
<option value="Arquitecto">Arquitecto</option>
<option value="Publicitas">Publicita</option>
</select>
</div>
<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" name="telefono" value="<?php echo $telefono?>" placeholder="Tef: +58-412-8521496">
</div>
<div class="col">
<input type="text" class="form-control" data-toggle="tooltip" data-placement="right" title="Introduzaca su E-mail: pedroc@gmail.com" name="email" value="<?php echo $email?>" placeholder="Email: mdacosta@gmail.com">
</div>
<div class="col">
<select class="form-control" data-toggle="tooltip" data-placement="right" name="cargo" >
<option value="<?php echo $cargo?>" selected><?php echo $cargo?></option>
<option value="Asistente">Asistente</option>
<option value="Gerente">Gerente</option>
<option value="Ejecutivo">Ejecutivo</option>
<option value="CEO">CEO</option>
<option value="Abogado">Abogado</option>
<option value="Contador">Contador</option>
<option value="Analista">Analista</option>
</select>
</div>
<br>
<!-- Lineas 4 del Formulario -->
<div class="container mt-3">
<div class="row">
<table width="1140" border="0">
<tr>
<td width="288"><b>Fecha de Ingreso:</b></td>
<td width="282"><b>Direción de Habitación:</b></td>
<td width="280"><b>Subir Foto:</b></td>
<td width="272"><b>Foto del Colaborador:</b></td>
</tr>
</table>
<div class="col">
<input type="date" class="form-control" data-toggle="tooltip" data-placement="right" title="fecha de Ingreso día/mes/año: 12/10/2015" data-placement="right" name="fechaing" value="<?php echo $fechaing?>" placeholder="dd/mm/aaaa">
</div>
<div class="col">
<textarea cols="20" rows="6"class="form-control" name="direccion" data-toggle="tooltip" data-placement="right" title="Introduzaca su Dirección de Residencia" value="<?php echo $direccion?>" placeholder="Dirección de habitación - Urb: Lomas del Avila, Sector III - Calle: Santa Rita Residencias Mi Alama, Piso 5, Apto 5-A - Municipio Sucre-Estado Miranda..." ><?php echo $direccion?></textarea>
</div>
<div class="col">
<input type="file" class="form-control" data-toggle="tooltip" data-placement="right" name="imagen"
onchange="preview_2(this);" >
</div>
<div class="col">
<?php
$server = "localhost";
$usuario = "root";
$contraseña = "";
$bd = "colaboradores";
$conexion = mysqli_connect($server,$usuario,$contraseña,$bd)
or die ("error en conexión favor verificar la conexión");
$id= $_GET['id'];
$consulta = (mysqli_query($conexion,"SELECT * FROM basecolaboradores WHERE id = '$id' " ));
while ($extraer = mysqli_fetch_array($consulta))
{
$id=$extraer['id'];
$imagen=$extraer['imagen'];
?>
<center><img id="imagenFondo" style="height: 160px;width: 150px;" border-color: #92a8d1; s src="data:image/jpg;base64,<?php echo base64_encode($extraer['imagen']);?>"></center>
<?php
}
?>
</div>
</div>
<br>
<center>
<div class="form-group">
<button type="button" class="btn btn-primary" value="Entrar" onClick="Entrar()">Enviar</button>
<button type="reset" class="btn btn-primary">Borrar</button>
<br>
<br>
</div>
</div>
</center>
</div>
<!-- Image preview -->
</form>
<br>
<br>
<footer><font color="#000000">© Copr 2022 ADETEC - Todos los Derechos Reservados -</font></footer>
</div>
<!-- JavaScript Bundle with Popper -->
<script src="
https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="
https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="
https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="
https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script type="module">
</script>
</body>
</html>
<?php
}else{
echo "<br>";echo "<br>";echo "<br>";echo "<br>";echo "<br>";
echo "<center><h3><strong>USTED NO TIENE PERMISO PARA ENTRAR AL SISTEMA</strong></h3</center>";
echo "<center><h3><strong>CONTACTE CON EL ADMINISTRADOR</strong></h3></center>";
echo "<center>";
echo "<br>";
echo "<a href='cerrar.php'><span class='glyphicon glyphicon-log-out'></span> <button type='button' class='btn btn-primary' </button> Cerrar </button></a>";
echo "</ul>";
echo "</div>";
echo "</nav>";
echo "<center>";
}
?>