martes, 15 de agosto de 2017

PROYECTO 1

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&oacute;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 &copy; 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 &copy; 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&uuml;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 &copy; 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>


link para descargar la carpeta completa: DESCARGAR AQUÍ
Publicado por en

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)