daniel hernando almeida lizarazo
miércoles, 5 de abril de 2017
martes, 14 de marzo de 2017
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
domingo, 12 de marzo de 2017
PROYECTO
Se esta realizando el proyecto con sus respectivos ejercicios. A cada estudiante se le asigno un trabajo de el grupo para que cada uno trabajara en sus casas, cuando todo este listo reuniremos todos los códigos para la realización de la pagina web, Cabe aclarar que cada uno de los integrantes tendrá el archivo en sus memorias con sus respectivos nombres.
domingo, 5 de marzo de 2017
Eventos de javascript
Para conocer mas sobre el tema por favor hacer click sobre el siguiente enlace http://librosweb.es/libro/javascript/capitulo_6/modelo_basico_de_eventos_2.html
FECHA: MARZO 3 2017
Validacion con HTML5
Para conocer mas sobre este tema por favor visitar el siguiente enlace https://cybmeta.com/validacion-de-formularios-con-html5
FECHA: MARZO 3 2017
Funciones para javascript
Introducción
Una función no es más que un bloque de enunciados que componen un comportamiento que puede ser invocado las veces que sea necesario.
Sintaxis general de una función
Una función de JavaScript presenta este aspecto:
function nombre_de_la_función(){
…enunciados a ejecutar…
}
Para ejecutar la función posteriormente no hay más que invocar su nombre en cualquier momento y desde cualquier parte de un código, con una excepción: la función debe haber sido definida anteriormente. Así, por ejemplo, este código:
function dame_una_a(){
alert("¡AAAAAAAAAAAAAAAAA!");
}
dame_una_a();
ejecutaría la alerta, pero éste:
dame_una_a();
function dame_una_a(){
alert("¡AAAAAAAAAAAAAAAAA!");
}
generaría un error, porque en el momento en que se invoca la función ésta aún no ha sido registrada.
Hay que poner especial atención a la hora de crear la funciones, para no repetir los nombres, principalmente porque esto no genera errores en JavaScript, y puede suponer quebraderos de cabeza cuando un script no funciona pero la consola de errores no muestra mensaje alguno.
Si definimos dos funciones con el mismo nombre, como en este ejemplo:
function alerta(){
alert("Ia Ia Shub-Niggurath");
}
function alerta(){
alert("Klaatu barada nikto");
}
alerta();
sólo funciona la segunda, que ha sido la última definida.
Funciones y argumentos
Podemos desear que una función ejecute unos enunciados en los que opere con una serie de valores que no hayamos definido dentro de la misma, sino que los reciba de otra función o enunciado. Esos valores son los argumentos, que se especifican entre los paréntesis que van tras el nombre de la función, y se separan por comas:
function nombre_de_la_función(argumento1,argumento1,…){
…enunciados a ejecutar…
}
Los argumentos se nombran como las variables:
function sumar(x,y){
var total = x + y;
alert(total);
}
Si después se ejecuta unas líneas como las siguientes:
sumar(1,2);
sumar(3,5);
sumar(8,13);
en la función sumar total adquiere sucesivamente los valores de 3, 8 y 21, que es lo que mostrarían tres alertas.
Aunque en los ejemplos emplee numerales, como argumentos se puede enviar cualquier variable. Sólo hay que recordar que si se trata de una cadena literal, debe ir entrecomillada:
la_función('cadena','otra_cadena');
Por último, sobre los argumentos hay que recordar las respuestas a tres preguntas:
- ¿Qué ocurre si se envía a una función menos argumentos que los que se han especificado?: Los argumentos que no han recibido un valor adoptan el de undefined.
- ¿Qué ocurre si se envía a una función más argumentos que los que se han especificado?: Los argumentos que sobran son elgantemente ignorados.
- ¿Cuántos argumentos se pueden especificar como máximo?: 255.
Variables y su ámbito
El ámbito sería algo así como el espacio en el que las variables existen y al que pueden acceder enunciados u otras funciones. Si se define una variable dentro de una función, esa variable sólo existe para esa función, y otras funciones no pueden acceder a su valor a menos que lo reciban como un argumento:
function concatenar_cadenas(){
var a = "orda";
var b = "lía";
var c = a + b;
}
function mostrar_resultado(){
alert(c);
}
concatenar_cadenas();
mostrar_resultado();
En este caso no obtenemos una alerta con «ordalía», sino un error, puesto que en la función mostrar_resultado()pedimos que se muestre el valor de una variable que no existe en su ámbito. Dicho de otra manera, las variables existen sólo para concatenar_cadenas(), y aunque adquieren los valores definidos en cuanto ejecutamos la función, ésta es una «barrera» que impide que se pueda acceder a aquellos desde fuera.
Para que el código funionase, deberíamos definir las variables fuera de ambas funciones, para que su ámbito sea global:
var a = "";
var b = "";
var c = "";
function concatenar_cadenas(){
a = "orda";
b = "lía";
c = a + b;
}
function mostrar_resultado(){
alert(c);
}
concatenar_cadenas();
mostrar_resultado();
De esta forma, toda función puede acceder a las variables. concatenar_cadenas() modifica los valores iniciales, pero ahora estos se almacenan de manera global fuera de ella; así están disponibles para mostrar_resultado().
return
Hay otra opción con la que solucionar el problema anterior, y que además puede ser útil en otras ocasiones: return que permite devolver valores al origen de la invocación de una función. El esquema de funcionamiento es algo así:
Un ejemplo esquemático del funcionamiento de return
Rehagamos el ejemplo anterior que no funcionaba por cuestiones de ámbito de las variables, pero enviando el resultado por medio de return:
function concatenar_cadenas(){
var a = "orda";
var b = "lía";
var c = a + b;
return c;
}
function mostrar_resultado(){
alert(concatenar_cadenas());
}
mostrar_resultado();
Ahora mostrar_resultado cuenta con el alert que tiene que mostrar el resultado de la concatenación. En la alerta invocamos la función concatenar_cadenas, que devuelve el valor de c; así, es como si en hubiéramos hecho una alerta de c directamente
FECHA: MARZO 3 2017
Suscribirse a:
Entradas (Atom)