Trabajo en Laboratorio: marzo 2017

jueves, 30 de marzo de 2017

-1 PAGINA (ZODIACO)

<html>
<head>
<style type="text/css">
[required]
{
border-color:red;
box-shadow: 0px 0px 5px green;
}
</style>
</head>
<body>
<form action="zod.php" method="POST">
<table border=2>
<tr><td>DIA</td>
<td> <input type="integer" name="DIA" required> </td>
</tr>
<tr><td>MES</td>
<td> <input type="integer" name="MES" required> </td>
</tr>
<tr><td>A&NtildeO </td>
<td> <input type="integer" name="YEAR" required> </td>

</tr>
<tr><td> <input type="submit" value="SIGNO"></td>
</tr>
</table>
</form>
</body>
</html>

-2 PAGINA

<html>
<head>
<?php
$DIA=$_POST["DIA"];
$MES=$_POST["MES"];
$YEAR=$_POST["YEAR"];
echo "FECHA INGRESADA: ";
echo"<BR>";
echo $DIA."/".$MES."/".$YEAR;
echo"<BR>";
echo"<BR>";
if(($DIA>=21 && $MES=="MARZO") || ($DIA<=20 && $MES=="ABRIL"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"ARIES";
echo"<br>";
echo"HOY TE IRA DE MARAVILLA";
}
if(($DIA>=21 && $MES=="ABRIL") || ($DIA<=20 && $MES=="MAYO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"TAURO";
echo"<br>";
echo"ENCONTRARAS EL AMOR ";
}
if(($DIA>=21 && $MES=="MAYO") || ($DIA<=21 && $MES=="JUNIO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"GEMINIS";
echo"<br>";
echo"TEN CUIDADO CON TUS AMISTADES";
}
if(($DIA>=21 && $MES=="JUNIO") || ($DIA<=20 && $MES=="JULIO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"CANCER";
echo"<br>";
echo"TEN CUIDADO CON TU SALUD";
}
if(($DIA>=21 && $MES=="JULIO") || ($DIA<=21 && $MES=="AGOSTO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"LEO";
echo"<br>";
echo"TUS AMIGOS TE CUIDARAN EN TU CAMINO";
}
if(($DIA>=22 && $MES=="AGOSTO") || ($DIA<=22 && $MES=="SEPTIEMBRE"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"VIRGO";
echo"<br>";
echo"HOY ES TU DIA VIVELO COMO SI FUERA EL ULTIMO";
}
if(($DIA>=23 && $MES=="SEPTIEMBRE") || ($DIA<=22 && $MES=="OCTUBRE"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"LIBRA";
echo"<br>";
echo"ENCONTRARAS EL AMOR BEBE";
}
if(($DIA>=23 && $MES=="OCTUBRE") || ($DIA<=22 && $MES=="NOVIEMBRE"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"ESCORPIO";
echo"<br>";
echo"CUIDA TU SALUD, ABRIGATE AL SALIR";
}
if(($DIA>=23 && $MES=="NOVIEMBRE") || ($DIA<=20 && $MES=="DICIEMBRE"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"SAGITARIO";
echo"<br>";
echo"TU FUTURO PARESE ESTABLE JUNTO A TU FAMILIA";
}
if(($DIA>=21 && $MES=="DICIEMBRE") || ($DIA<=19 && $MES=="ENERO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"CAPRICORNIO";
echo"<br>";
echo"MUCHAS BENDICIONES";
}
if(($DIA>=20 && $MES=="ENERO") || ($DIA<=18 && $MES=="FEBRERO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"ACUARIO";
echo"<br>";
echo"DISFRUTA TU DIA AL MAXIMO TODO SALDRA PERFECTO";
}
if(($DIA>=19 && $MES=="FEBRERO") || ($DIA<=20 && $MES=="MARZO"))
{echo "SU SIGNO ES:";
echo"<br>";
echo"PISCIS";
echo"<br>";
echo"TEN CUIDADO CON LAS ENVIDIAS";
}
?>
</body>
</html>

martes, 28 de marzo de 2017

-PAGINA 1 (EJERCICIO #1)

<html>
<head>
<title>Formulario de entrada del dato</title>
</head>
<body>

<form method="post" action="pagina2.php">
Ingrese su nombre:
<input type="text" name="nombre">
<br>
Ingrese su edad:
<input type="text" name="edad">
<br>
Ingrese su dia:
<input type="text" name="dia">
<br>
Ingrese su mes:
<input type="text" name="mes">
<br>
Ingrese su ano:
<input type="text" name="ano">
<br>

<input type="submit" value="confirmar">

</form>

</body>
</html>

-PAGINA 2 (EJERCICIO #1)

<html>
<head>
<title>Captura de datos del form</title>
</head>
<body>

<?php
echo "El nombre ingresado es:";
echo $_REQUEST['nombre'];

echo "........La edad ingresada es:";
echo $_REQUEST['edad'];

echo "........Del dia:";
echo $_REQUEST['dia'];

echo "........Del mes:";
echo $_REQUEST['mes'];

echo "........Del ano:";
echo $_REQUEST['ano'];

?>

</body>
</html>

- PAGINA 1 (#2 EJERCICIO)

<html>
<head>
</head>
<body>
<form method="post" action= "pagin2.php">
<h3>edad</h3>
<strong>CUAL ES TU NOMBRE:
<input type="text" name="NOMBRE">
<br>
INGRESA EL DIA DE NACIMIENTO:
<input type="text" name="DIA">
<br>
INGRESA EL MES DE NACIMIENTO:
<input type="text" name="MES">
<br>
INGRESA EL A#O DE NACIMIENTO:
<input type="text" name="ANO">
<br>
<br>
SEXO:<br>
Hombre<input type="radio" name="radio1" value="Hombre">
<br>
Mujer<input type="radio" name="radio1" value="Mujer">
<br>

Nivel de estudios:
</strong>
<br><br>
<select name="nivel">
<option value="Primaria">Primaria</option>
<option value="Secundaria">Secundaria</option>
<option value="Bachillerato">Bachillerato</option>
<option value="Universidad">Universidad</option>
</select>
<br><br>
<input type="submit" value="Click">
</form>
</body>

</html>

-2 PAGINA (#2 EJERCICIO)
<html>
<head>
</head>
<body>
<?php
$NOMBRE= $_REQUEST['NOMBRE'];
$DIA= $_REQUEST['DIA'];
$MES= $_REQUEST['MES'];
$ANO= $_REQUEST['ANO'];

echo " Bienvenido ",$NOMBRE,"<br>"," Tus datos recopilados son :<br><br> "," DIA: ",$DIA,"<br>"," MES: ",$MES,"<br>"," ANO: ",$ANO,"<br>";

if($MES <=3){
$edad=(2017-$ANO);
echo "Tu edad es:",$edad,"ANO","<br>";
}

else if($MES>=4){
$edad=(2017-$ANO)-1;
echo "Tu edad es:",$edad,"ANO","<br>";
}

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

else{
echo "Sexo:Hombre<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 grado de estudios es:",$nivel;

?>
</body>

</html>

domingo, 26 de marzo de 2017

-1 PAGINA

<html>
<head>
<title>Servidor</title>
</head>
<body>
<form action="pagina2.php" method="post" enctype="multipart/form-data">
Seleccione el archivo:
<input type="file" name="foto"><br>
<input type="submit" value="Enviar">
</form>
</body>
</html>

-2 PAGINA

<html>

<head>

<title>Servidor</title>

</head>

<body>

<?php

copy($_FILES['foto']['tmp_name'],$_FILES['foto']['name']);

echo "Exito, la foto se registro en el servidor.<br>";

$nom=$_FILES['foto']['name'];

echo "<img src=\"$nom\">";

</body>

</html>

-Aqui abrimos nuestro "localhost" para poder acceder a nuestras paginas....

-En esta parte muestra nuestros archivos *JPG (fotos) que estan guardador en una carpeta dentro de nuestra carpeta principal que se localiza en "Disco Local (c)".

-En esta parte nos dara la opcion de elegir nuestro archivo de imagen.

-Lo seleccionamos.

-Listo, ya tenemos nuestra foto cargada al servidor.....

miércoles, 22 de marzo de 2017

-1 PARTE

<html>
<head>
</head>
<body>
<script type="text/javascript">
    var nombre;
    var edad;
    nombre=prompt('Ingrese su nombre:','');
    edad=prompt('Ingrese su edad:','');
    document.write('Hola ');
    document.write(nombre);
    document.write(' asi que tienes ');
    document.write(edad);
    document.write(' años');
function cuantosAnios(dia,mes,anio){
hoy=new Date();
nacido=new Date(anio,mes-1,dia);
tiempo=hoy-nacido;
unanio=1000*60*60*24*365;
tienes=parseInt(tiempo/unanio);
return tienes;
}

alert("El usuario tiene "+cuantosAnios(31,08,1997)+" años");
window.location.href="2Richard.html";

alert("El usuario tiene "+cuantosAnios(31,08,2000)+" años");
window.location.href="3Richard.html";

</script>
</body>
</html>

-2 PARTE <html>
<head>
</head>
<body>
<body style="background:#FF0000">
<script type="text/javascript">
var nombre;
    var edad;
    nombre=prompt('Ingrese su nombre:','');
    edad=prompt('Ingrese su edad:','');
    document.write('Hola ');
    document.write(nombre);
    document.write(' asi que tienes ');
    document.write(edad);
    document.write(' años');
document.write('...............¡ACCESO DENEGADO PAPU!');
    </script>
  </body>
</html>

-3 PARTE

<html>
<head>
</head>
<body>
<script type="text/javascript">
var nombre;
nombre=prompt('Ingrese su nombre:','');
document.write(nombre);
document.write('<br>');
function mostrarSeleccionado()
{
if (document.getElementById('radio1').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var suma=parseInt(num1)+parseInt(num2);

alert('la suma es: ' +suma);
}
if (document.getElementById('radio2').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var resta=parseInt(num1)-parseInt(num2);
alert('la resta es: ' +resta);
}
}
</script>
<form>
<input type="radio" id="radio1" name="estudios">suma
<br>
<input type="radio" id="radio2" name="estudios">resta
<br>
<input type="button" value="Mostrar" onClick="mostrarSeleccionado()">
</script>
</body>
</html>

jueves, 9 de marzo de 2017

-1 EJERCICIO

<html>
<head>
</head>
<body>
<script type="text/javascript">
var nombre;
nombre=prompt('Ingrese su nombre:','');
document.write(nombre);
document.write('<br>');
function mostrarSeleccionado()
{
if (document.getElementById('radio1').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var suma=parseInt(num1)+parseInt(num2);

alert('la suma es: ' +suma);
}
if (document.getElementById('radio2').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var resta=parseInt(num1)-parseInt(num2);
alert('la resta es: ' +resta);
}
}
</script>

<form>
<input type="radio" id="radio1" name="estudios">suma
<br>
<input type="radio" id="radio2" name="estudios">resta
<br>
<input type="button" value="Mostrar" onClick="mostrarSeleccionado()">
</script>
</body>
<html>
<head>
</head>
<body>
<script type="text/javascript">
var nombre;
nombre=prompt('Ingrese su nombre:','');
document.write(nombre);
document.write('<br>');
function mostrarSeleccionado()
{
if (document.getElementById('radio1').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var suma=parseInt(num1)+parseInt(num2);

alert('la suma es: ' +suma);
}
if (document.getElementById('radio2').checked)
{
var num1;
var num2;
num1=prompt('ingresa el primer numero:','');
num2=prompt('ingresa el segundo numero:','');
var resta=parseInt(num1)-parseInt(num2);
alert('la resta es: ' +resta);
}
}
</script>

<form>
<input type="radio" id="radio1" name="estudios">suma
<br>
<input type="radio" id="radio2" name="estudios">resta
<br>
<input type="button" value="Mostrar" onClick="mostrarSeleccionado()">
</script>
</body>
</html>

-2 EJERCICIO

<html>
<head>
</head>
<body>
<script type="text/javascript">
var nota1,nota2,nota3,nota4,nota5;
var nombre,materia1,materia2,materia3,materia4,materia5;
nombre=prompt('ingrese nombre:','');
materia1=prompt('ingrese 1ra. materia:','');
nota1=prompt('Ingrese 1ra. nota:','');
materia2=prompt('ingrese 2da. materia:','');
nota2=prompt('Ingrese 2da. nota:','');
materia3=prompt('ingrese 3ra. materia:','');
nota3=prompt('Ingrese 3ra. nota:','');
materia4=prompt('ingrese 4ta. materia:','');
nota4=prompt('Ingrese 4ta. nota:','');
materia5=prompt('ingrese 5ta. materia:','');
nota5=prompt('ingrese 5ta. nota:','');

nota1=parseInt(nota1);
nota2=parseInt(nota2);
nota3=parseInt(nota3);
nota4=parseInt(nota4);
nota5=parseInt(nota5);
var pro;
pro=(nota1+nota2+nota3+nota4+nota5)/5;
if (pro>=7)
{
document.write(' hola ' +nombre+ ' aprobaste estas son tu siguientes calificaciones: ');
document.write(' materia ' +materia1+ ' calificacion ' +nota1);
document.write('<br>');
document.write(' materia ' +materia2+ ' calificacion ' +nota2);
document.write('<br>');
document.write(' materia ' +materia3+ ' calificacion ' +nota3);
document.write('<br>');
document.write(' materia ' +materia4+ ' calificacion ' +nota4);
document.write('<br>');
document.write(' materia ' +materia5+ ' calificacion ' +nota5);
document.write('<br>');

}

</script>
</body>
</html>

-3 EJERCICIO

<HTML>
<head>
</head>
<body>

<script type="text/javascript">
function mostrar()
{

var mat1=document.getElementById('Materia 1').value;
var cal1=document.getElementById('Calificacion 1').value;
alert('Materia 1:' + mat1);
alert('Calificacion 1:' + cal1);

var mat2=document.getElementById('Materia 2').value;
var cal2=document.getElementById('Calificacion 2').value;
alert('Materia 2:' + mat2);
alert('Calificacion 2:' + cal2);

var mat3=document.getElementById('Materia 3').value;
var cal3=document.getElementById('Calificacion 3').value;
alert('Materia 3:' + mat3);
alert('Calificacion 3:' + cal3);

var mat4=document.getElementById('Materia 4').value;
var cal4=document.getElementById('Calificacion 4').value;
alert('Materia 4:' + mat4);
alert('Calificacion 4:' + cal4);

var mat5=document.getElementById('Materia 5').value;
var cal5=document.getElementById('Calificacion 5').value;
alert('Materia 5:' + mat5);
alert('Calificacion 5:' + cal5);

var suma=(parseInt(cal1)+parseInt(cal2)+parseInt(cal3)+parseInt(cal4)+parseInt(cal5));
var prom=suma/5;
document.write('Tu promedio es:','');
document.write(prom);

document.write('<br>');

if(prom>=6){
document.write('Aprobado','');
}else
document.write('Reprobado','');
}
</script>

<form>

Ingrese la primera materia:
<input type="text" id="Materia 1"><br>
Ingrese la calificacion 1:
<input type="text" id="Calificacion 1"><br>
<br>
<br>

Ingrese la segunda materia:
<input type="text" id="Materia 2"><br>
Ingrese la calificacion 2:
<input type="text" id="Calificacion 2"><br>
<br>
<br>

Ingrese la tercera materia:
<input type="text" id="Materia 3"><br>
Ingrese la calificacion 3:
<input type="text" id="Calificacion 3"><br>
<br>
<br>

Ingrese la cuarta materia:
<input type="text" id="Materia 4"><br>
Ingrese la calificacion 4:
<input type="text" id="Calificacion 4"><br>
<br>
<br>

Ingrese la quinta materia:
<input type="text" id="Materia 5"><br>
Ingrese la calificacion 5:
<input type="text" id="Calificacion 5"><br>
<input type="button" value="Confirmar" onClick="mostrar()">
<br>
<br>

</form>

</body>
</html>