martes, 28 de marzo de 2017

Calculadora de edad

Calculadora de edad.

Escribir en código PHP que al solicitar la fecha de nacimiento por medio de un formlario nos diga cual es la edad del usuario, utilizando radio buttons determina el sexo y utilizando select determina su nivel de estudios y que estos valores se impriman en una segunda ventana.

Creación del formulario.


formulario.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
 <style type="text/css">
  *{
    margin:0px;
    padding:0px;
  }

  body{
    
    background-position:center;
  }

  form{
    background: #0097A7;
    width: 500px;
    border:1px solid #4e4d4d;
    border-radius: 3px;
    -moz-border-radious:3px;
    -webkit-borde-radious:3px;
    box-shadow:inset 0 0 10px #000;
    margin:100px auto;
  }
  form h6{
    text-align: center;
    color:#000000;
    font-weight: normal;
    font-size: 20pt;
    margin:30px 0px;
  }


  form input{
    width:280px;
    height: 25px;
    padding: 0px 10px;
    margin:10px 30px;
    color:#00BFFF;
    text-align: center;
  }

  }

  form button{
    width:135px;
    margin:20px 0px 30px 30px;
    height: 50px;
    }

    form button:hover{
      background:#3a3a3a;
    }
</style>
</head>
<body background>
<form method="post" action= "edad.php">
<center>
<h3>Calculadora de edad</h3>
</center>
<strong>Ingrese su nombre:
<input type="text" name="nombre">
<br><br>
Ingrese día de nacimiento:
<input type="text" name="dia">
<br><br>
Ingrese mes de nacimiento:
<input type="text" name="mes">
<br><br>
Ingrese año de nacimiento:
<input type="text" name="año">
<br><br>
Sexo:<br>
Masculino<input type="radio" name="radio1" value="masculino">
<br>
Femenino<input type="radio" name="radio1" value="femenino">
<br><br>

Nivel de estudios:
</strong>
<br><br>
<center>
<select name="nivel">
<option value="primaria">Primaria</option>
<option value="secundaria">Secundaria</option>
<option value="bachillerato">Bachillerato</option>
<option value="universidad">Universidad</option>
</center>
</select>
</select>
<br><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

Impresión de datos.



edad.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body background="homer.jpg">
<h1>Calculadora de edad </h1>
<?php
$nombre= $_REQUEST['nombre'];
$dia= $_REQUEST['dia'];
$mes= $_REQUEST['mes'];
$año= $_REQUEST['año'];
 
 echo "Hola",$nombre,"<br>","Tus datos ingresados fueron:<br><br>","Día:",$dia,"<br>","Mes:",$mes,"<br>","Año:",$año,"<br>";
 

 if($mes <=3 && $dia<30){
  $edad=(2017-$año);
  echo "Tu edad es:",$edad,"años","<br>";
 }

else if($mes>3){
  $edad=(2017-$año)-1;
  echo "Tu edad es:",$edad,"años","<br>";

 } 

 else if($mes>=3 && $dia>29){
  $edad=(2017-$año)-1;
  echo "Tu edad es:",$edad,"años","<br>";

 }

 if($mes==3 && $dia==29){
  $edad=(2017-$año);
  echo "<br>Estas son las mañanitas","<br>","Que cantaba el rey David","<br>","Hoy por ser día de tu santo","<br>","Te las cantamos a ti","<br>","Despierta, mi bien,despierta","<br>","Mira que ya amaneció","<br>","Ya los pajaritos cantan","<br>","La luna ya se metió","<br><br>";
 }


 if($_REQUEST['radio1']== "femenino"){
  echo "Sexo:Femenino<br>";
 }

 else{
  echo "Sexo:Masculino<br>";
 }

 if($_REQUEST['nivel']=="primaria"){
  $nivel="Primaria";
 }

 else if($_REQUEST['nivel']=="secundaria"){
  $nivel="Secundaria";
 }

 else if($_REQUEST['nivel']=="bachillerato"){
  $nivel="Bachillerato";
 }

 else{
  $nivel="Universidad";
 }

 echo "Tu nivel de estudios es:",$nivel;

?>
</body>
</html>

domingo, 26 de marzo de 2017

Subir y mostar imagenes en PHP

Creación de una base de datos donde se almacenaran las imágenes.


Conexión con la base de datos.



Formulario para carga de imagen.



Proceso donde se válida si se guardo la imagen.


Documento HTML donde se nos mostraran las imagenes insertadas, estas se ordenaran dentro de una tabla.



Códigos fuente.

conexion.php

<?php

$conexion = new mysqli("localhost","root","","imagen");

if($conexion){
echo "Conexion exitosa";
}

else{

echo "Conexion no exitosa";
}


?>


index.php

<!DOCTYPE html>
<html>
<head>
<title> INDEX DE IMAGENES </title>
<style type="text/css">
*{
  margin:0px;
  padding:0px;
}
body{
  background: #2F4F4F;
  background-position:center;
}

form{
  background: #FF0000;
  width: 360px;
  border:1px solid #4e4d4d;
  border-radius: 3px;
  -moz-border-radious:3px;
  -webkit-borde-radious:3px;
  box-shadow:inset 0 0 10px #000;
  margin:100px auto;
}
form h1{
  text-align: center;
  color:#000000;
  font-weight: normal;
  font-size: 40pt;
  margin:30px 0px;
}

form input{
  width:280px;
  height: 35px;
  padding: 0px 10px;
  margin:10px 30px;
  color:#6d6d6d;
  text-align: center;
}

form button{
  width:135px;
  margin:20px 0px 30px 30px;
  height: 50px;
  }

  form button:hover{
    background:#3a3a3a;
  }


</style>
</head>
<body>
<form action="proceso_guardar.php" method="POST" enctype="multipart/form-data"><br><br>
<input type="text" REQUIRED name="nombre" placeholder="Nombre..." value=""/><br> <br>
<input type="file" REQUIRED name="imagen"/><br><br>
<input type="submit" value="Aceptar">
</body>
</html>

proceso_guardar.php

<?php
include("conexion.php");
$nombre= $_POST['nombre'];
$imagen= addslashes(file_get_contents($_FILES['imagen']['tmp_name']));
$query="INSERT INTO tabla_imagen(nombre,Imagen) VALUES('$nombre','$imagen')";
$resultado= $conexion->query($query);

if($resultado){

echo "Si se inserto";
}

else{

echo "No se inserto";
}

?>

mostrar.php

<!DOCTYPE html>
<html>
<head>
<title> MOSTRAR IMAGENES </title>
</head>
<body bgcolor= #B2DFDB >
<center>
<table border=2>
<thead>
<tr>
<th>Id</th>
<th>Nombre</th>
<th>Imagen</th>
</tr>
</thead>
<tbody>
<?php
include("conexion.php");
$query="SELECT * FROM tabla_imagen";
$resultado= $conexion->query($query);
while($row = $resultado->fetch_assoc()){
?>
<tr>
<td><?php echo $row['id']; ?></td>
<td><?php echo $row['nombre']; ?></td>
<td><img  height=200 src="data:image/jpg;base64,<?php echo base64_encode($row['Imagen']);?>"/></td>
</tr>
<?php
}
?>
</tbody>
</table>
</center>
</body>
</html>

miércoles, 22 de marzo de 2017

Operadores básicos en PHP

Utilizando JavaScript empezar por pedir nombre y edad, donde si la edad es mayor o igual a 18 mostrara un mensaje que diga "BIENVENIDO" más y el nombre y con uso de un formulario de PHP mostar un menú llamado operadores matemáticos y relizar dicha operación.
De lo contrario el nombre más "NO TIENE PERMISO" y llevarlo a una página que diga acceso denegado.

Servidor Local


Página donde se pide nombre y se valida edad

El pedimento de los datos es sencillo ya que solo utilizamos prompt y guardamos las variables, despues con ayuda de una sentencia de condición determinamos lo que queremos que sucesa, en este caso que redireccione a una nueva página con un formulario de datos o en su defecto que denegue el acceso.

El redireccionamiento a esta nueva página ocurre gracias al uso de:

document.location.href="primero.php"


Formulario de entrada de números para operaciones

Se prodrá acceder a este formulario si y solo si los datos ingresados concuerdan con la validación
establecida dentro de nuestra sentencia de condición (IF).
Utilizamos el método post para el envio de datos y a cada dato ingresado dentro de nuestro formulario le asignamos un nombre para su posterior manipulación.




Si elegimos una opción que no este disponible es decir una elección que no sea entre 1-4 con ayuda de "default" podemos realizar que se imprima en pantalla que la opción no esta disponible.


Impresión de datos en otra página

Por medio de $_REQUEST es como accedemos a los datos ingresados dentro del formulario, decimos que se guarde dentro de una variable por lo cual creamos $n1,$n2, $operacion y por medio de una sentencia de selección (SWITCH) determinamos dentro de los bloques de código la forma en que queremos manipular los datos.




Situación de datos inválidos.

Como se establecio al inicio del ejercio en caso de que los dstos ingresados no cumplan con las condiciones de nuestra sentencia de selección el acceso será denegado.
El redireccionamiento a esta nueva página ocurre gracias al uso de:

document.location.href="sinpermiso.php"

miércoles, 15 de marzo de 2017

Formulario PHP

PHP

Formulario de toma de datos en PHP:


Código:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> DATOS PERSONALES </title>
</head>
<body>
  <form method="post" action="datos4to.php">
    <h6>Datos personales</h6>
    <b><center>Ingrese su nombre:</center></b>
    <input type="text" name="nombre">
    <br><br>
    <b><center>Ingrese su dirección:</center></b>
    <input type="text" name="direccion">
    <br><br>
    <b><center>Ingrese su telefóno:</center></b>
    <input type="text" name="telefono">
    <br><br>
    <b><center>Ingrese su sexo:</center></b>
    <input type="text" name="sexo">
    <br><br>
    <input type="submit" value="Enviar Datos">
  </form>
</body>
</html>


Datos ingresados impresos:


Código:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> IMPRESIÓN DE ENVIO DE DATOS</title>
</head>
<body bgcolor="#8BC34A">
  <h1><center>DATOS PERSONALES</center></h1>
<?php
echo "Nombre:"."\t".$_REQUEST['nombre'];
echo "<br>Dirección:"."\t".$_REQUEST['direccion'];
echo "<br>Telefóno:"."\t".$_REQUEST['telefono'];
echo "<br>Sexo:"."\t".$_REQUEST['sexo'];
echo "<br>Hola"."\t".$_REQUEST['nombre']."\t"."vives en"."\t".$_REQUEST['direccion']."\t"."tu telefóno es"."\t".$_REQUEST['telefono']."\t"."y eres de sexo"."\t".$_REQUEST['sexo'];
  ?>
</body>
</html>


jueves, 9 de marzo de 2017

Formulario de registro de email

Basado en un modelo de formulario de captura de datos para el registro de una cuenta de correo electronico, pedir los datos del usuario e imprimirlos vinculandolos con otra página.



Código:

<html>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
body{
background: #2F4F4F;
background-position:center;
}
form{
background: #FF0000;
width: 500px;
border:1px solid #4e4d4d;
border-radius: 3px;
-moz-border-radious:3px;
-webkit-borde-radious:3px;
box-shadow:inset 0 0 10px #000;
margin: auto;
}
form h1{
text-align: center;
color:#000000;
font-weight: normal;
font-size: 40pt;
margin:10px 20px;
}
form input{
width:100px;
height: 15px;
padding: 0px 10px;
margin:10px 30px;
color:#6d6d6d;
text-align: center;
}
form button{
width:500px;
margin:20px 0px 30px 30px;
height: 200px;
}
form button:hover{
background:#3a3a3a;
}
</style>
<head>
</head>
<body>
<script type="text/javascript">
function enviarFormulario()
{
var nombre=document.getElementById('nombre').value;
var apellido=document.getElementById('apellido').value;
var usuario=document.getElementById('usuario').value;
var contraseña=document.getElementById('contraseña').value;
var confirmar=document.getElementById('confirmar').value;
var telefono=document.getElementById('telefono').value;
if (document.getElementById('radio1').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Mexico');
}
if (document.getElementById('radio2').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Estados Unidos');
}
if (document.getElementById('radio3').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Argentina');
}
if (document.getElementById('radio4').checked)
{
document.write('Nombre:'+nombre+'<br>'
+'Apellido:'+apellido+'<br>'
+'Usuario:'+usuario+'<br>'
+'Contraseña:'+contraseña+'<br>'
+'Confirmacion contraseña:'+confirmar+'<br>'
+'Telefono:'+telefono+'<br>'
+'Ubicación:Brasil');
}
}
</script>
<form>
Nombre:<br>
<input type="text" id="nombre"><br><br>
Apellido:<br>
<input type="text" id="apellido"><br><br>
Nombre del usuario:<br>
<input type="text" id="usuario"><br><br>
Contraseña:<br>
<input type="text" id="contraseña"><br><br>
Confirmar contraseña:<br>
<input type="text" id="confirmar"><br><br>
Fecha de nacimiento(dd/m/aaaa):<br>
<input type="text" id="dia">
<select id="select1" onChange="cambiarMes()">
<option value=>Enero</option>
<option value=>Febrero</option>
<option value=>Marzo</option>
<option value=>Abril</option>
<option value=>Mayo</option>
<option value=>Junio</option>
<option value=>Julio</option>
<option value=>Agosto</option>
<option value=>Septiembre</option>
<option value=>Octubre</option>
<option value=>Noviembre</option>
<option value=>Diciembre</option>
</select>
<input type="text" id"año"> <br> <br>
Sexo:<br>
<select id="select2" onChange="cambiarSexo()">
<option value=>Maculino</option>
<option value=>Femenino</option>
<option value=>Otro</option>
<option value=>Prefiero no decirlo</option>
</select> <br> <br>
Ingrese su telefono: <br>
<input type="text" id="telefono"><br><br>
Ubicacion:<br>
<input type="radio" id="radio1" name="ubicacion">Mexico <br>
<input type="radio" id='radio2' name="ubicacion">Estados Unidos <br>
<input type="radio" id='radio3' name="ubicacion">Argentina <br>
<input type="radio" id='radio4' name="ubicacion">Brasil <br><br>
<input type="button" value="Registrar" onClick="enviarFormulario()">
</form>
</body>
</html>

Promedios en Formulario y Alert

Se requiere que por medio de formularios se ingresen los datos tanto de las materias como de las calificaciones y que se lance un cuadro de dialogo (alert) con los datos ingresados, calculando el promedio y determinando si el alumno esta aprobado o reprobado.


Código:

                          
<html>
<head>
</head>
<body bgcolor="red">
<center><h1>Promedios</h1></center>
<script type="text/javascript">
function mostrar()
{
var nombre=document.getElementById('nombre').value;
var m1=document.getElementById('m1').value;
var m2=document.getElementById('m2').value;
var m3=document.getElementById('m3').value;
var m4=document.getElementById('m4').value;
var m5=document.getElementById('m5').value;
var c1=document.getElementById('c1').value;
var c2=document.getElementById('c2').value;
var c3=document.getElementById('c3').value;
var c4=document.getElementById('c4').value;
var c5=document.getElementById('c5').value;
var promedio = (parseInt(c1) + parseInt(c2) + parseInt(c3) + parseInt(c4) +parseInt(c5))/5;
if(promedio<=6)
{
alert('Nombre'+nombre+'\n'+'\n'+'Materia:'+m1+'\n'+'Calificacion:'+c1+'\n'+'\n'
+'Materia:'+m2+'\n'+'Calificacion:'+c2+'\n'+'\n'
+'Materia:'+m3+'\n'+'Calificacion:'+c3+'\n'+'\n'
+'Materia:'+m4+'\n'+'Calificacion:'+c4+'\n'+'\n'
+'Materia:'+m5+'\n'+'Calificacion:'+c5+'\n'+'\n'
+'Promedio:'+promedio+'\n'
+'Estado:Reprobado');
}
else
{
alert('Nombre'+nombre+'\n'+'\n'+'Materia:'+m1+'\n'+'Calificacion:'+c1+'\n'+'\n'
+'Materia:'+m2+'\n'+'Calificacion:'+c2+'\n'+'\n'
+'Materia:'+m3+'\n'+'Calificacion:'+c3+'\n'+'\n'
+'Materia:'+m4+'\n'+'Calificacion:'+c4+'\n'+'\n'
+'Materia:'+m5+'\n'+'Calificacion:'+c5+'\n'+'\n'
+'Promedio:'+promedio+'\n'
+'Estado:Aprobado');
}
}
</script>
<form>
Ingrese su nombre:
<input type="text" id="nombre"><br><br>
Ingrese Materia 1:
<input type="text" id="m1">
Ingrese calificacion:
<input type="text" id="c1"><br><br>
Ingrese Materia 2:
<input type="text" id="m2">
Ingrese calificacion:
<input type="text" id="c2"><br><br>
Ingrese Materia 3:
<input type="text" id="m3">
Ingrese calificacion :
<input type="text" id="c3"><br><br>
Ingrese Materia 4:
<input type="text" id="m4">
Ingrese calificacion:
<input type="text" id="c4"><br><br>
Ingrese Materia 5:
<input type="text" id="m5">
Ingrese calificacion:
<input type="text" id="c5"><br><br>
<input type="button" value="Promediar" onClick="mostrar()">
</form>
</body>
</html>

Promedio

Se pide se ingrese el nombre del alumno, así como las calificaciones correspondientes, se realiza la operación para obtener el promedio y se imprimen en pantalla los resultados.


Código:
<html>
<head>
</head>

<body>

<script type="text/javascript">

nombre= prompt('Ingresa tu nombre','');
c1 = prompt('Redes: Ingresa calificacion', '');
c2 = prompt('Finanzas: Ingresa calificacion', '');
c3 = prompt('Circuitos: Ingresa calificacion', '');
c4 = prompt('Programacion: Ingresa calificacion', '');
c5 = prompt('Probabilidad: Ingresa calificacion', '');
document.write('Tu nombre es:'+nombre+'<br>');
document.write('Redes:'+c1+'<br>');
document.write('Finanzas:'+c2+'<br>');
document.write('Circuitos:'+c3+'<br>');
document.write('Programacion:'+c4+'<br>');
document.write('Probabilidad:'+c5+'<br>');
promedio = (parseInt(c1) + parseInt(c2) + parseInt(c3) + parseInt(c4) +parseInt(c5))/5;
if(promedio<=6)
{
document.write('Tu promedio es:'+promedio+'<br>'+'Tu estas:Reprobado');
}
if(promedio>6)
{
document.write('Tu promedio es:'+promedio+'<br>'+ 'Tu estas:Aprobado');
}
</script>
</body>
</html>