index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_10a_04</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Inicio</a></h2>
<p>
<script>
var letras= /[^a-zA-ZáéíóúÁÉÍÓÚñÑ ]/;
function validar(){
var codigo=document.getElementById("codigo").value;
var nombre=document.getElementById("nombre").value;
var grado=document.getElementById("grado").value;
var texto=document.getElementById("texto").value;
var OK = letras.test(document.getElementById('nombre').value);
if(codigo.length!=0){
if (nombre.length!=0){
if (texto.length!=0){
if(grado!=""){
if(codigo.length == 15){
if(!OK){
if(texto.length >= 10){
document.getElementById("form1").submit();
}
else{ alert("En la caja de texto debe ingresar mínimo 10 caracteres.")}
}
else{ alert("El nombre no es valido, debe ingresar solo letras.")}
}
else{ alert("En el espacio para código solo pueden ser ingresados exactamente 15 dígitos.")}
}
else{ alert("Debe seleccionar una opción de grado.");}
}
else{ alert("Debe digitar en el espacio para texto (mínimo 10 caracteres).");}
}
else{ alert("Debe digitar en el espacio para nombre (letras).");}
}
else{ alert("Debe digitar en el espacio para código (15 dígitos).");}
}
</script>
<form id="form1" name="form1" method="post" action="resultado.php">
<br>
<p><b>Ingrese el codigo por favor:</b><br><br>
<input type="text" name="codigo" id="codigo" autocomplete="off"/>
</p>
<br>
<p><b>Ingrese su nombre:</b><br><br>
<input type="text" name="nombre" id="nombre" autocomplete="off"/>
</p>
<br>
<p><b>Escoja la clase a la que pertenece:</b><br><br>
<select id="grado" name="grado" autocomplete="off">
<option value="" selected>Seleccione una opción</option>
<option value="10a"> Grado 10a </option>
<option value="10b"> Grado 10b </option>
</select>
</p><br>
<p><b>Ingrese el texto:</b><br><br>
<textarea rows="5" cols="30" id="texto" name="texto" value="" autocomplete="off" placeholder="Digite mínimo 10 caracteres!!!"></textarea>
</p><br>
<p>
<input type="button" onclick="validar()" value="ENVIAR">
</p>
</form>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<!--<li><a href="resultado.php">Resultado</a></li>-->
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
resultado.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_10a_04</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Resultado</a></h2>
<p>
<?php
$codigo =$_POST['codigo'];
$nombre =$_POST['nombre'];
$grado =$_POST['grado'];
$texto =$_POST['texto'];
$palabras=(str_word_count($texto, 1));
$ultimo= (count($palabras));
if ($grado == "10a")
{
$caracteres = strlen($texto);
$mitad1= substr($texto, 0, (($caracteres/2)));
$mitad2= substr($texto, (($caracteres/2)));
echo "<font color='#00cc00'><u>".$mitad1."</font></u>"."<font color='#0000ff'><s>".$mitad2."</font></s>";
}
else{
$lcapital = ucwords($texto);
echo $lcapital."<br>";
if($ultimo!=0){
echo "<hr> <center>".$palabras[$ultimo-1]."</center><hr>";
}
else{
echo "<hr><center> no hay palabras que mostrar</center> <hr>";
}
}
?>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<li><a href="resultado.php">Resultado</a></li>
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
derechos.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>barajas_10a_04</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
@import "images/style.css";
</style>
</head>
<body>
<div class="content">
<div id="header">
<div class="title">
<h1>Proyecto</h1>
<h3>2017</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="#">Derechos</a></h2>
<br><br>
<p>
<center><img src="img.jpg" width="100px"></center>
<br><br>
<center>
<b>Angela Sofía Barajas Ochoa</b><br><br>
<b>Grado:</b> 10A<br><br>
<b>Sala:</b> Bilingüismo<br><br>
<b>Presentado a:</b> Nelson Enrique Peña Ferrei<br><br>
Colegio Integrado Nuestra Señora Del Divino Amor<br><br>
</center>
</li>
</p>
</p>
<br />
<br />
</div>
<div class="leftmenu">
<div class="nav">
<ul>
<li><a href="index.php">Inicio</a></li>
<!--<li><a href="resultado.php">Resultado</a></li>-->
<li><a href="derechos.php">Derechos</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
</div>
<div id="footer">
<div class="padding"> Copyright © 2006 Your Site Name | Design: <a href="http://www.free-css-templates.com">David Herreman </a> | <a href="#">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Solucija.com</a> | <a href="#">Login</a> </div>
</div>
</div>
</body>
</html>
