Marzo 15 de 2017

Presentación del Proyecto


Realizar los siguientes cambios 
  • Cambiar la foto de Valeria Rojas y colocar la foto de Salma Osorio
  • Desde "El ejercicio consistía  en que si es un día par y es lunes o miércoles puede transitar" colocarlos subrayado y en negrita 
Código del Proyecto  

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/custom-styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome-ie7.css">
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<script>
function s(){
var a = parseInt(document.getElementById("numbera").value);
var lista = document.getElementById("opciones");
var valorSeleccionado = lista.options[lista.selectedIndex].value;
if ( a <=30 )
{
if (a > 0)
{
if (valorSeleccionado == 1 )
{
if (a % 2 == 0 )
{
var mensaje = 'PUEDE TRANSITAR';
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "0%";
ventana.style.bottom = "70px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "0%";
ventana.style.right = "70px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML= mensaje;
}
else
{var mensaje =' NO PUEDE TRANSITAR';
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 = "0%";
ventana.style.right = "0px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML= mensaje;
}
}
else
{
if (a % 2 == 0)
{
var mensaje = 'PUEDE TRANSITAR';
var ventana = document.getElementById('miVentana'); // Accedemos al contenedor
ventana.style.top = "0%";
ventana.style.bottom = "70px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.left = "70%";
ventana.style.right = "0px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML= mensaje;
}
else
{
var mensaje = 'NO PUEDE TRANSITAR';
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 = "70%";
ventana.style.right = "00px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
document.getElementById("mensaje1").innerHTML= mensaje;
}
}
}
else
{
alert("Debe ser un numero entero positivo entre 1 y 30");
}
}
else
{
alert("Debe ser un numero entero positivo entre 1 y 30");
}
}
function ocultarVentana()
{
//document.getElementById("reproductor").innerHTML="";
var ventana1 = document.getElementById('miVentana'); // Accedemos al contenedor
ventana1.style.display = 'none'; // Y lo hacemos invisible
}
</script>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="container">
<div class="row-fluid">
<div class="span8 offset2">
<div class="site-header">
<div class="logo">
<h1>EJERCICIO</h1>
</div>
<div class="menu">
<div class="navbar">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="fw-icon-th-list"></i>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="index.html">INICIO</a></li>
<li><a href="DERECHOS.html">DERECHOS</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
<div class="mini-menu">
<label>
<select class="selectnav">
<option value="#" selected="">Home</option>
<option value="#">About</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">Services</option>
<option value="#">Work</option>
<option value="#">Contact</option>
</select>
</label>
</div>
</div>
</div>
<font >
<pre >El ejercicio consistia en que si es un dia par y es lunes o miercoles puede transitar,
y debera aparecer localizado en la parte superior izquiera, si es lunes o miercoles pero es
impar debera estar localizado el no puede transitar en la parte inferior izquierda, si es un
dia par y es martes o jueves puede transitar, y debera aparecer localizado en la parte superior
derecha, si es martes o jueves pero si es impar debera estar localizado el "no puede transitar"
en la parte inferior Derecha </pre></font>
<form><span > <input id="numbera" type="number" name="edad" min="1" max="30" autocomplete="off" required="required"><span><br>
<select id="opciones" autocomplete="off">
<option value="1">Lunes</option>
<option value="2">Martes</option>
<option value="1">Miercoles</option>
<option value="2">Jueves</option>
</select></form>
<input type="button" value="click" onclick="s();">
<hr>
<div id="miVentana" style="position: fixed; width: 350px; height: 190px; 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:#ff8800" 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>
<div class="site-footer">
<div class="row-fluid">
<div class="span6 align-right">
<h1>Designed By</h1>
<ul>
<li><a href="http://www.alltemplateneeds.com">www.alltemplateneeds.com</a></li>
<li><a href="http://www.alldesignneeds.com">www.alldesignneeds.com</a></li>
</ul>
</div>
<div class="span6">
<h1>Images From</h1>
<ul>
<li><a href="http://www.wallpaperswide.com">www.wallpaperswide.com </a></li>
<li><a href="http://www.wallcoo.net">www.wallcoo.net</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap.js"></script>
<script>
$('#myCarousel').carousel({
interval: 1800
});
</script>
</body>
</html>
Realizado por: Valeria Rojas Orduz 10A

Colegio Integrado Nuestra Señora del Divino Amor



Comentarios

Publicar un comentario

Entradas más populares de este blog

Septiembre 27 de 2016

Revisión  ejercicios de practica Evaluacion ejercicio javascript Indicar el nombre, edad, y decir si puede votar <18 Operadores aritméticos Los operadores se dividen en: operadores de asignación; operadores aritméticos; operadores relacionales; operadores lógicos; operadores sobre bit, que suelen utilizarse sólo para generar colores; operadores cadenas. pueden ser  unitarios  o  binarios : los primeros precisan un único operando, los segundos, dos. El primer operador que hay que conocer es el operador de asignación   cuyo signo es el igual  (=). Su uso en Javascript es similar al que tiene en C y distinto del que posee en matemáticas porque  sirve para asignar un valor y no a establecer relaciones de igualdad . Para esto último existe otro operador (= =). Con el uso del operador de asignación se crea como una fotocopia del valor de la expresión que queda a la derecha del operador en el lado de la izquierda del operador. Los  operadores aritméticos
Leer más

Noviembre 8 de 2017

  Ejercicios de los manuales 33 y 34 Se realizó una evaluación Entrega de notas EJERCICIOS: 1. Ejercicio con imágenes: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <?php $mensaje = isset($_GET['mensaje'])?$_GET['mensaje']:""; if ($mensaje != ""){ ?> <script type="text/javascript">alert("<?=$mensaje;?>");</script> <?php }?> <body> <form id="form1" name="form1" method="post" action="guardar.php">   <table width="100%" border="0" cellspacing="0" cellpadding="0">    
Leer más

Febrero 23 de 2016

Imagen
Veremos un poco acerca del  Sistema Internacional de medidas y Unidades de Medición. Sistema Internacional de Medidas El Sistema Internacional de Unidades, cuyas siglas son SI (por convención), es un estándar internacional para la escritura de unidades, sus símbolos y las cantidades. El SI fue adoptado y recomendado por la Conferencia General de Pesos y Medidas desde el año 1960, y en España estas normas fueron declaradas de uso legal, obligatorias, en 1967. Es la forma moderma del sistema métrico decimal y todas sus unidades tienen un único  símbolo  para su representación, de manera que su escritura y lectura sea unívoca y, por lo tanto, no conduzca a un error de interpretación. Por ello, se desaconseja el uso de cualquier otra abreviación (símbolo, sigla o abreviatura) recogida aquí como referencia. Unidades de Medicion Con estas unidades medimos la capacidad de guardar información de un elemento de nuestro PC.  La Unidad de Informática esta encargada de
Leer más