<?php
header
("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past

ob_start();
if(isset(
$_GET['modalidad0'])&&$_GET['modalidad0']=="1")//Tomamos las primeras coordenadas
        
if(isset($_GET['V'][0])&&!empty($_GET['V'][0])&&$_GET['V'][1]&&!empty($_GET['V'][1]))
                echo 
"V[]=".$_GET['V'][0]."&V[]=".$_GET['V'][1]."&";
            else
                
//Pidió coordenadas pero no las introdujo
                
die("La entrada de Coordenadas es incorrecta para el vector número 1.");
if(isset(
$_GET['modalidad0'])&&$_GET['modalidad0']=="2")//Tomamos el primer ángulo y el primer módulo
    
if(isset($_GET['modulo'][0])&&!empty($_GET['modulo'][0])&&isset($_GET['angulo'][0])&&!empty($_GET['angulo'][0]))
            echo 
"modulo[]=".$_GET['modulo'][0]."&angulo[]=".$_GET['angulo'][0]."&";        
        else
            die(
"El Ángulo y el Módulo no han sido insertados correctamente para el vector número 1.");

if(!(isset(
$_GET['operacion'])&&$_GET['operacion']=="multiplicar"&&isset($_GET['valor']))){
        if(isset(
$_GET['modalidad1'])&&$_GET['modalidad1']=="1")//Tomamos las primeras coordenadas
                
if(isset($_GET['V'][2])&&!empty($_GET['V'][2])&&$_GET['V'][3]&&!empty($_GET['V'][3]))
                        echo 
"V[]=".$_GET['V'][2]."&V[]=".$_GET['V'][3]."&";
                    else
                        
//Pidió coordenadas pero no las introdujo
                        
die("La entrada de Coordenadas es incorrecta para el vector número 2.");
            if(isset(
$_GET['modalidad1'])&&$_GET['modalidad1']=="2")//Tomamos el primer ángulo y el primer módulo
                
if(isset($_GET['modulo'][1])&&!empty($_GET['modulo'][1])&&isset($_GET['angulo'][1])&&!empty($_GET['angulo'][1]))
                        echo 
"modulo[]=".$_GET['modulo'][1]."&angulo[]=".$_GET['angulo'][1]."&";        
                    else
                        die(
"El Ángulo y el Módulo no han sido insertados correctamente para el vector número 2.");
    }

if(isset(
$_GET['operacion'])){
        echo 
"operacion=".$_GET['operacion'];
        if(
$_GET['operacion']=="multiplicar")
            echo 
"&valor=".$_GET['valor'];
    }

$query ob_get_clean();
?>
        
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Plano cartesiano</title>
    <link rel="stylesheet" href="style.css">
    <script src="scripts.js" language="javascript" type="text/javascript"></script>
    <script>
        window.onload=function(){
                var formulario = new fx.Opacity('formulario',{duration:2500});
                formulario.hide();
                formulario.toggle();
                
                var grafica = new fx.Height('grafica');
                grafica.hide();
                grafica.toggle();
            }
    </script>
</head>
<body>
    <div id="header">
        <h1>Demostración gráfica de operaciones con Vectores</h1>
    </div>
    <div id="contenido">
        <div id="grafica">
        <?php
            
if(isset($_GET['operacion'])){
                    if(
$_GET['operacion']=="sumar")
                        echo
"Demostración gráfica de la suma.";
                    if(
$_GET['operacion']=="restar")
                        echo
"Demostración gráfica de la resta.";
                    if(
$_GET['operacion']=="multiplicar")
                        echo
"Demostración gráfica de la multiplicación.";
                }
        
?>    
        
        <?php if(!empty($query)):?>
            <img src="plano.php?<?=$query?>">
        <?php else:?>
            <img src="plano.php?V[]=0&V[]=0">
        <?php endif;?>
        </div>

        <div id="formulario">
            <form method="GET">
                <input type="submit" value="Intentar" id="intentar">
                <fieldset>
                    <legend>Operacion</legend>
                    <ol>
                        <li>Sumar: <input type="radio" name="operacion" value="sumar"></li>
                        <li>Restar: <input type="radio" name="operacion" value="restar"></li>
                        <li>Multiplicar: <input type="radio" name="operacion" value="multiplicar">
                        <input type="text" value="<?=isset($_GET['valor'])?$_GET['valor']:""?>" maxlength="2" size="2" name="valor" id="valor">
                        </li>
                    </ol>
                </fieldset>
                <fieldset>
                <legend>Vector 1</legend>
                    <ol>
                        <li id="modo">
                            <fieldset>
                                <legend>Modalidad</legend>
                                <input type="radio" name="modalidad0" id="modalidad" value="1" <?php if(isset($_GET['modalidad0'])&&$_GET['modalidad0']==1)echo "checked=\"checked\"";?> <?php if(!isset($_GET['modalidad0'])&&!isset($_GET['modalidad1']))echo "checked=\"checked\"";?>>Solo coordenadas<br />
                                <input type="radio" name="modalidad0" id="modalidad" value="2" <?php if(isset($_GET['modalidad0'])&&$_GET['modalidad0']==2)echo "checked=\"checked\"";?>>Módulo-Ángulo<br />
                            </fieldset>
                        </li>
        
                        <li id="coordenadas">
                            <fieldset>    
                                <legend>Coordenadas</legend>
                                <ol>
                                    <li>
                                        <label for="x">X</label>
                                        <input type="text" name="V[]" id="x" value="<?=isset($_GET['V'][0])?$_GET['V'][0]:"5"?>">
                                    </li>
                                    <li>
                                        <label for="y">Y</label>
                                        <input type="text" name="V[]" id="y" value="<?=isset($_GET['V'][1])?$_GET['V'][1]:"-3"?>">
                                    </li>
                                </ol>
                            </fieldset>    
                        </li>
                        
                        <li id="modulo">
                            <fieldset>
                                <legend>Módulo-Ángulo</legend>
                                <ol>
                                    <li>
                                        <label for="modulo">Módulo</label>
                                        <input type="text" name="modulo[]" id="modulo" value="<?=isset($_GET['modulo'][0])?$_GET['modulo'][0]:"6"?>">
                                    </li>
                                    <li>
                                        <label for="y">Ángulo</label>
                                        <input type="text" name="angulo[]" id="angulo" value="<?=isset($_GET['angulo'][0])?$_GET['angulo'][0]:"140"?>">
                                    </li>
                                </ol>
                            </fieldset>
                        </li>
                    </ol>
                </fieldset>            
                <fieldset>
                <legend>Vector 2</legend>
                    <ol>
                        <li id="modo">
                            <fieldset>
                                <legend>Modalidad</legend>
                                <input type="radio" name="modalidad1" id="modalidad" value="1" <?php if(isset($_GET['modalidad1'])&&$_GET['modalidad1']==1)echo "checked=\"checked\"";?> <?php if(!isset($_GET['modalidad0'])&&!isset($_GET['modalidad1']))echo "checked=\"checked\"";?>>Solo coordenadas<br />
                                <input type="radio" name="modalidad1" id="modalidad" value="2" <?php if(isset($_GET['modalidad1'])&&$_GET['modalidad1']==2)echo "checked=\"checked\"";?>>Módulo-Ángulo<br />
                            </fieldset>
                        </li>
        
                        <li id="coordenadas">
                            <fieldset>    
                                <legend>Coordenadas</legend>
                                <ol>
                                    <li>
                                        <label for="x">X</label>
                                        <input type="text" name="V[]" id="x" value="<?=isset($_GET['V'][2])?$_GET['V'][2]:"-4"?>">
                                    </li>
                                    <li>
                                        <label for="y">Y</label>
                                        <input type="text" name="V[]" id="y" value="<?=isset($_GET['V'][3])?$_GET['V'][3]:"-6"?>">
                                    </li>
                                </ol>
                            </fieldset>    
                        </li>
                        
                        <li id="modulo">
                            <fieldset>
                                <legend>Módulo-Ángulo</legend>
                                <ol>
                                    <li>
                                        <label for="modulo">Módulo</label>
                                        <input type="text" name="modulo[]" id="modulo" value="<?=isset($_GET['modulo'][1])?$_GET['modulo'][1]:"10"?>">
                                    </li>
                                    <li>
                                        <label for="y">Ángulo</label>
                                        <input type="text" name="angulo[]" id="angulo" value="<?=isset($_GET['angulo'][1])?$_GET['angulo'][1]:"30"?>">
                                    </li>
                                </ol>
                            </fieldset>
                        </li>
                    </ol>
                </fieldset>            
                <input type="submit" value="Intentar" id="intentar">
            </form>
        </div>
    </div>
    <div id="footer">
        <ul>
            <li>Miembros del equipo
                <ol>
                    <li>Roberto</li>
                    <li>Toño</li>
                    <li>Alexander</li>
                    <li>Rentería</li>
                    <li>Matus</li>
                    <li>Noemí</li>
                    <li><a href="http://www.mis-algoritmos.com" title="Mis Algoritmos">Victor De la Rocha</a></li>
                </ol>        
            </li>
        </ul>
        Inicio: 16 Noviembre, 2006<br>
        Primera actualización: 19 Noviembre, 2006<br>
        Segunda actualización: 21 Noviembre, 2006<br>
        Tercera actualización: 10 Diciembre, 2006<br>
        Última actualización con parches al estilo <a href="http://www.microsoft.com">M$</a> Windows: 11 Diciembre, 2006<br>
    </div>
</body>
</html>