PROYECTO DE DIAS DE LA SEMANA
<head>
<title>Proyecto_grupo02_10a</title></head></html></head>
<h2><a href="VENTANA MODAL Y CAJA DE TEXTO.html">Volver</a><h2>
<body background="banner.jpg">
</body>
<script>
function verificar(){
var dia=document.getElementById("semana").value;
var caja=document.getElementById("valor").value;
if(caja.length!=0 && dia!=""){
if(!isNaN(caja)){
if(caja<=30 && caja>=1){
if(dia=="Lunes" || dia=="Miercoles" ){
if(caja%2==0){
// alert("Puede transitar (arriba-izquierdo).");
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "0px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "5px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML="Puede transitar ";
document.getElementById("titulo").innerHTML=dia+"-Numero par";
}
else{
// alert("No puede transitar (abajo-izquierdo).");
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "70%";
ventana.style.bottom = "0px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "2px";
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML="No puede transitar ";
document.getElementById("titulo").innerHTML=dia+"-Numero impar";
}
}
if(dia=="Martes" || dia=="Jueves" ){
if(caja%2==0){
// alert("Puede transitar (arriba-derecho).");
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "0px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "73%";
ventana.style.right = "0px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML=" Puede transitar ";
document.getElementById("titulo").innerHTML=dia+"-Numero par";
}
else{
//alert("No puede transitar (abajo-derecho).");
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "70%";
ventana.style.bottom = "0px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "73%";
ventana.style.right = "0px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
//ventana.style.position = 'absolute';
document.getElementById("mensaje1").innerHTML="No puede transitar ";
document.getElementById("titulo").innerHTML=dia+"-Numero impar";
}
}
}
else{
alert("El numero no esta entre 1 y 30");
}
}
else{
alert("No es un numero (no usar caracteres diferentes a numeros)");
}
}
else{
alert("Le hace falta completar una casilla");
}
document.getElementById("semana").value="";
document.getElementById("valor").value="";
}
function ocultarVentana()
{
//document.getElementById("reproductor").innerHTML="";
var ventana1 = document.getElementById('miVentana'); // Accedemos al contenedor
ventana1.style.display = 'none'; // Y lo hacemos invisible
}
</script>
<body>
<!--<div id="capa">-->
<div id="miVentana" style="position: fixed; width: 400px; height: 200px; top: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #333333 3px solid; background-color: #FAFAFA; color: #000000; display:none;">
<div style="font-weight: bold; text-align: left; color: #FFFFFF; padding: 5px; background-color:#006394" id="titulo"></div>
<p style="padding: 5px; text-align: justify; line-height:normal" id="mensaje1"></p>
<div style="padding: 10px; background-color: #F0F0F0; text-align: center; margin-top: 44px;">
<input id="btnAceptar" onClick="ocultarVentana();" name="btnAceptar" size="20" type="button" value="Cerrar Ventana" />
</div>
</div>
<!--</div>-->
<div class="content">
<div id="header">
<div class="title">
</div>
</div>
<div id="main">
<div class="center">
<p>
<br><br><br><br><br><br><br>
<center><select name="semana" id="semana">
<option value="" selected>Seleccione una opción</option>
<option value="Lunes">Lunes</option>
<option value="Martes">Martes</option>
<option value="Miercoles">Miercoles</option>
<option value="Jueves">Jueves</option>
</select><br>
<font color="blue">Escriba la fecha (1-30)</font>
</p>
<input type="text" name="valor" id="valor" autocomplete="off">
<br><br>
<button type="button" onclick='verificar()' >Oprimir aqui</button></center>
<br />
</body>
</p>
</html>
FECHA: MARZO 14 2017
No hay comentarios.:
Publicar un comentario