domingo, 28 de diciembre de 2014
DIA CIENTO TREINTA Y CUATRO 23/12/2014
Hoy es el día previo a las fiestas, de la que volvamos ya será 2015. Nos hemos despedido con una comida en la que todos hemos preparado algo, pero el día no ha sido sólo diversión, también hemos seguido con el trabajo e impreso los ejercicios, el día 8, a la vuelta, tendrá que estar todo listo. En diseño hemos colocado los carteles y dialogado sobre si funcionaban o no por el diseño, la colocación etc.
lunes, 22 de diciembre de 2014
DIA CIENTO TREINTA Y TRES 22/12/2014
Hoy ha sido un día muy emocionante, a un paso de las vacaciones hemos tenido una entrevista por videoconferencia con David Casas, la cuál ha sido muy instructiva e interesante a la par que amena.
En diseño hemos entregado las señales realizadas,a parte de adelantar el trabajoatrasado y hacer la recuperación del examen, a parte, hemos recibido las notas. En el test saqué un notable y en uno de los ejercicios, un 7, en el otro no lo sé aún porque tuve que repetirlo, no obstante, está aprobado.
En diseño hemos entregado las señales realizadas,a parte de adelantar el trabajoatrasado y hacer la recuperación del examen, a parte, hemos recibido las notas. En el test saqué un notable y en uno de los ejercicios, un 7, en el otro no lo sé aún porque tuve que repetirlo, no obstante, está aprobado.
viernes, 19 de diciembre de 2014
DIA CIENTO TREINTA Y DOS 19/12/2014
Hoy es el último viernes antes de las fiestas de Navidad y en programación hemos seguido con los ejercicios, además de intentando averiguar si funcionaban o se habían quedado obsoletos algunos eventos. En diseño hemos tenido un examen de photoshop, del cuál tengo que repetir un ejercicio en la recuperación ya que no pude acordarme de un paso y no quedaba el efecto deseado.
Al final no hemos estado en la escuela taller sino en el lugar habitual.
Al final no hemos estado en la escuela taller sino en el lugar habitual.
jueves, 18 de diciembre de 2014
DIA CIENTO TREINTA Y UNO 18/12/2014
A pocos días de las vacaciones, parece que vamos a pasar lo que queda de semana en la escuela taller dado que están con el montaje y desmontaje del escenario que se precisará para los distintos eventos navideños en nuestro lugar de trabajo habitual.
En programación hemos seguido con los ejercicios, los cuales están dando algún problema que otro, de hecho, un par de eventos parece que no hay manera de hacerlos funcionar, otros no funcionan como se esperaba en inicio, al menos ese es mi caso ya que he tenido que modificar cada boceto que había elaborado de una vez intenté hacerlo funcionar
En programación hemos seguido con los ejercicios, los cuales están dando algún problema que otro, de hecho, un par de eventos parece que no hay manera de hacerlos funcionar, otros no funcionan como se esperaba en inicio, al menos ese es mi caso ya que he tenido que modificar cada boceto que había elaborado de una vez intenté hacerlo funcionar
miércoles, 17 de diciembre de 2014
DIA CIENTO TREINTA 17/12/2014
Hoy teníamos encargado bocetar ejercicios con 21 eventos de js en total para, posteriormente, realizarlos. A parte, también tenía que estar listo el resumen del punto 6 y 7.
En diseño se dedicó la clase a proyectos atrasados y al calendario. Por mi parte, el calendario está finalizado, listo para entregar.
Mañana subiremos a la escuela taller a dar la clase.
En diseño se dedicó la clase a proyectos atrasados y al calendario. Por mi parte, el calendario está finalizado, listo para entregar.
Mañana subiremos a la escuela taller a dar la clase.
martes, 16 de diciembre de 2014
DIA CIENTO VEINTINUEVE 16/12/2014
Hoy, he terminado las señales de diseño y las subí al blog. También empecé con el calendario de 2015 de la ETC.
En programación hicimos los resúmenes de los últimos temas de js y estamos haciendo ejercicios de investigación.
En programación hicimos los resúmenes de los últimos temas de js y estamos haciendo ejercicios de investigación.
SEÑALETICA
Dado que hemos estado con la teoría de señalética, un trabajo que teníamos tras ello era diseñar una señal para distintas zonas que nos asignaron. En mi caso fue para fuera del edificio donde trabajamos y fui a ver cuáles estaban y cuáles podrían necesitarse y este ha sido mi trabajo
lunes, 15 de diciembre de 2014
EJERCICIOS UF1305 III
Visualización
JS
//Ejercicio 3
function cadena2()
{
//creamos la variable y la asignamos a la caja del texto que escribirá el usuario
var miString = cadena.texto.value
//Dejamos el resultado vacío para que no escriba undefined
var resultado=""
//con un for agregamos el contador
for(i=0;i<miString.length-1;i++)
{
resultado += miString.charAt(i)
//separamos con guiones
resultado += "-"
}
resultado += miString.charAt(miString.length - 1)
//lo mostramos en la caja de resultado
cadena.resultado.value=resultado
}
//Ejercicio 4
function mitad()
{
//Declaramos la variable y dónde está localizada
var miString = divide.texto.value
var mitad1,mitad2
posicion_mitad = miString.length / 2
//La primera mitad irá desde la posición cero hasta la posición declarada como mitad
mitad1 = miString.substring(0,posicion_mitad)
//La segunda mitad irá desde el medio hasta el final
mitad2 = miString.substring(posicion_mitad,miString.length)
//Mostramos las mitades
divide.mitaduno.value = mitad1
divide.mitaddos.value = mitad2
//Ahora en mayúscula
divide.mayusuno.value = mitad1.toUpperCase()
divide.mayusdos.value = mitad2.toUpperCase()
//Ahora en minúscula
divide.minusuno.value = mitad1.toLowerCase()
divide.minusdos.value = mitad2.toLowerCase()
}
//Ejercicio 5
function fecha2()
{
//Generamos la nueva fecha (sin esto,no funciona)
miFecha = new Date()
//Indicamos dónde va colocado cada elemento y los generamos con el get...()
fecha.da.value=miFecha.getDate()
fecha.ma.value=miFecha.getMonth() + 1
fecha.aa.value=miFecha.getFullYear()
}
function fecha3()
{
//Tenemos que crear esta otra función porque son dos botones
//Establecemos las variables con las nuevas fechas
miFecha2 = new Date()
miFecha2.setDate(fecha.td.value)
miFecha2.setMonth(fecha.tm.value-1)
miFecha2.setFullYear(fecha.ta.value)
//Establecemos los años y los restamos y mostramos en el bloque de texto indicado
añoact=miFecha.getFullYear()
añousu=miFecha2.getFullYear()
fecha.dif.value=añoact-añousu
}
//Ejercicio 6
function dimensiones()
{
//Con esto mostraremos las medidas de la página en estas cajas
cajas.an.value = (window.innerWidth)
cajas.al.value = (window.innerHeight)
}
var redimensionar
function redimensionar()
{
//Abrimos una nueva ventana que podremos redimensionar y mover gracias a las coordenadas y los píxeles que escribamos en estas celdas
var ancho=cajas.ancho.value
var alto=cajas.alto.value
redimensionar=window.open("http://www.google.com","","width=0,height=0,top=0,left=0,menubar=no")
redimensionar.resizeTo(cajas.ancho.value, cajas.alto.value)
redimensionar.moveTo(cajas.ta1.value, cajas.ta2.value)
}
//No funciona aún
function restaurar()
{
redimensionar.resizeTo(1600,799)
redimensionar.moveTo(0,0)
}
//Ejercicio 8
function cambiaColor2()
{
//Establecemos el cambio de color según el que se clicke en las opciones
document.getElementById('fondos1').style.background=prueba1.fondo1.value
}
//Ejercicio 9
function cuentame3()
{
//Con esto y gracias al onKeyDown y al onKeyUp podremos contar cada vez que se escriba un caracter
caaal.caracteres.value = caaal.teeexto.value.length
}
CSS
body{ background-image: url( "gatito.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#menu
{ background-color: #CEF6F5;
width: 1310px;
height:5900px;
margin-top: 5%;
margin-right: 10%;
margin-left: 7%;
border-radius: 15px;
opacity: 0.7;
padding: 20px;
}
h1{
text-align: center;
font-family: "Segoe Script";
position: relative;
width:300px;
}
.nombre{
text-align: center;
font-family: "Segoe Script";
position: relative;
top:5px;
font: bold 90%;
}
#menu1{width: 500px;
height: 200px;
border: solid 1px black;
float: left;
margin-left: 25px;
}
#menu2{width: 500px;
height: 200px;
border: solid 1px black;
margin-left: 750px;
}
li{font-size: 26px;
}
h2{position: relative;
width:300px;
}
#menu3{width: 500px;
height: 250px;
border: solid 1px black;
float: left;
margin-left: 25px;
position: relative;
top: 50px;
left: 3px;
}
.dos{ position: relative;
top: 5px;
left: 450px;
}
#menu4{width: 500px;
height: 250px;
border: solid 1px black;
float: left;
margin-left: 250px;
position: relative;
}
#contenedor{ width: 100%;
height: 300px;
position: relative;
}
.ir{position:fixed;
right:0;
top:0;
}
table{
width:451px;
height:160px;
border:0px;
}
.resul{
text-align:right;
}
form{
width:500px;
height:260px;
}
#menu123{
width: 500px;
height: 200px;
border: 0px;
float: left;
margin-left: 25px;
}
#num:hover{
background-color: yellow;
}
.tabla2{
width:200px;
border:0px;
}
.tabla3{
width:200px;
border:0px;
}
#cambiacolor{width: 500px;
height: 200px;
border: solid 1px black;
float: left;
margin-left: 25px;
}
#naranja{
color:#666;
background-color:orange;
padding:5px;
}
#rojo{
color:#666;
background-color:red;
padding:5px;
}
#morao{
color:#666;
background-color:purple;
padding:5px;
}
#amarillo{
color:#666;
background-color:yellow;
padding:5px;
}
#marino{
color:#666;
background-color:aquamarine;
padding:5px;
}
#verde{
color:#666;
background-color:green;
padding:5px;
}
#fondos{width: 500px;
height: 200px;
border: solid 1px black;
float: left;
margin-left: 25px;
}
.menu1{width: 500px;
height: 200px;
border: solid 1px black;
float: left;
margin-left: 25px;
}
HTML
<!Doctype html>
<html lang="es">
<head>
<TITLE>index</TITLE>
<LINK REL="stylesheet" HREF="index.css" TYPE="text/css">
<meta name="Description" content="ejercicios UF1305.5">
<meta charset"utf-8" />
<script type="text/javascript" src="index.js"></script>
<NOSCRIPT><!--Dada la posibilidad de que algún navegador no esté actualizado, por ende no podrá interpretar el contenido JavaScript, le mostraremos con esto al usuario un mensaje para que lo actualice y, además, le mostraremos distintas páginas para descargar de forma gratuita un navegador actualizado entre los más usados-->
Este navegador no comprende los scripts que se están ejecutando, debe actualizar su versión de
navegador a una más reciente. Por favor escoja entre las diversas opciones que le mostramos.
<br><br>
<a href=http://windows.microsoft.com/es-es/windows/downloads>Microsoft</a>.<br>
<a href=http://www.opera.com/es-es>Opera</a>.<br>
<a href=http://support.apple.com/kb/dl1531?viewlocale=es_ES>Safari</a>.<br>
<a href=https://www.mozilla.org/es-ES/firefox/new/>Firefox</a>.<br>
<a href=http://www.google.com/intl/es/chrome/>Chrome</a>.<br>
</NOSCRIPT>
</head>
<body>
<a name="arriba"></a>
<div id="menu" >
<h1 class="nombre">Melani</h1>
<div id="contenedor">
<div id="menu1">
<ul>
<a href="#uno" title="Ir Arriba"><li>Ejercicio uno</li></a>
<p></p>
<a href="#dos" title="Ir Arriba"><li>Ejercicio dos</li></a>
<p></p>
<a href="#tres" title="Ir Arriba"><li>Ejercicio tres</li></a>
<p></p>
<a href="#cuatro" title="Ir Arriba"><li>Ejercicio cuatro</li></a>
</ul>
</div>
<div id="menu2">
<ul>
<a href="#nueve" title="Ir Arriba"><li>Ejercicio nueve</li></a>
<p></p>
<a href="#diez" title="Ir Arriba"><li>Ejercicio diez</li></a>
<p></p>
<a href="#once" title="Ir Arriba"><li>Ejercicio once</li></a>
<p></p>
<a href="#doce" title="Ir Arriba"><li>Ejercicio doce</li></a>
</ul>
</div>
<div id="menu1">
<ul>
<a href="#cinco" title="Ir Arriba"><li>Ejercicio cinco</li></a>
<p></p>
<a href="#seis" title="Ir Arriba"><li>Ejercicio seis</li></a>
<p></p>
<a href="#siete" title="Ir Arriba"><li>Ejercicio siete</li></a>
<p></p>
<a href="#ocho" title="Ir Arriba"><li>Ejercicio ocho</li></a>
</ul>
</div>
<div id="menu2">
<ul>
<a href="#trece" title="Ir Arriba"><li>Ejercicio trece</li></a>
<p></p>
<a href="#catorce" title="Ir Arriba"><li>Ejercicio catorce</li></a>
<p></p>
<a href="#quince" title="Ir Arriba"><li>Ejercicio quince</li></a>
<p></p>
<a href="#dieciseis" title="Ir Arriba"><li>Ejercicio dieciseis</li></a>
</ul>
</div>
</div>
<a name="uno"><h1>Ejercicio uno</h1></a>
<div id="menu123">
<form name="prueba"><!--Asignamos un nombre tanto al form como al resto de elementos para luego poder llamarlos o asignarlos-->
<fieldset>
<legend>EVAL</legend>
<table>
<tr>
<td><div align="center"><strong>Número 1</strong></div></td>
<td><div align="center"><strong>Operación</strong></div></td>
<td><div align="center"><strong>Número 2</strong></div></td>
</tr>
<tr>
<td width="156"><div align="center">
<input id="num" type="text" name="number1" value="" size="10" maxlength="30" required /><!--Escribimos el primer número aquí-->
</div></td>
<td width="138"><div align="center">
<input id="num" type="text" name="operador" value="" size="10" maxlength="30" required /><!--Escribimos la operación aquí-->
</div></td>
<td width="181"><div align="center">
<input id="num" type="text" name="number2" value="" size="10" maxlength="30" required /><!--Escribimos el segundo número aquí-->
</div></td>
</tr>
<tr>
<td> </td>
<td><div align="center">
<input id="num" type="button" name="=" value=" Eval " onClick="prueba.resultado.value = eval(prueba.number1.value+prueba.operador.value+prueba.number2.value)"><!--Gracias al eval y a los nombres que hemos asignado nos dará el resultado de la operación sin necesidad de funciones ya que identifica los elementos-->
</div></td>
<td> </td>
</tr>
<tr>
<td><div align="center"><strong>Resultado:</strong></div></td>
<td colspan="2"><div align="center">
<input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/>
</div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
form name="prueba">
fieldset>
legend>EVAL/legend>
table>
tr>
td>div align="center">strong>Número 1/strong>/div>/td>
td>div align="center">strong>Operación/strong>/div>/td>
td>div align="center">strong>Número 2/strong>/div>/td>
/tr>
tr>
td width="156">div align="center">
input id="num" type="text" name="number1" value="" size="10" maxlength="30" required />
/div>/td>
td width="138">div align="center">
input id="num" type="text" name="operador" value="" size="10" maxlength="30" required />
/div>/td>
td width="181">div align="center">
input id="num" type="text" name="number2" value="" size="10" maxlength="30" required />
/div>/td>
/tr>
tr>
td> /td>
td>div align="center">
input id="num" type="button" name="=" value=" Eval " onClick="prueba.resultado.value = eval(prueba.number1.value+prueba.operador.value+prueba.number2.value)">
/div>/td>
td> /td>
/tr>
tr>
td>div align="center">strong>Resultado:/strong>/div>/td>
td colspan="2">div align="center">
input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/>
/div>/td>
/tr>
/table>
/fieldset>
/form>
</textarea>
</form>
</div>
<a name="dos"><h1>Ejercicio dos</h1></a>
<div id="menu123">
<form name="nan">
<fieldset>
<legend>isNaN </legend>
<table class="tabla2" >
<tr>
<td colspan="3"><div align="center">
<input id="num" type="text" name="elemento" value="" size="50" maxlength="30" required />
</div></td>
</tr>
<tr>
<td><div align="center"><input id="num" type="button" name="=" value=" Número " onClick="nan.resultado.value = isNaN('1234567890')"> </div></td><!--Asignamos un número directamente en el botón-->
<td><div align="center"><input id="num" type="button" name="=" value=" isNaN " onClick="nan.resultado.value = isNaN(nan.elemento.value)"><!--Gracias al isnan de este botón, nos dirá si el elemento introducido en la primera caja es cierto que no es un número o no lo es-->
</div></td> </div></td>
<td><div align="center"> <input id="num" type="button" name="=" value=" Texto " onClick="nan.resultado.value = isNaN('Texto')"></div></td><!--Asignamos un texto directamente en el botón-->
</tr>
<tr>
<td colspan="3"><div align="center"> <input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/></div></td>
</tr>
<tr>
<td colspan="3"><div align="center"> <input id="num" type="button" name="=" value=" Reset " onClick="nan.reset()"></div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
form name="nan">
fieldset>
legend>isNaN /legend>
table class="tabla2" >
tr>
td colspan="3">div align="center">
input id="num" type="text" name="elemento" value="" size="50" maxlength="30" required />
/div>/td>
/tr>
tr>
td>div align="center">input id="num" type="button" name="=" value=" Número " onClick="nan.resultado.value = isNaN('1234567890')"> /div>/td>
td>div align="center">input id="num" type="button" name="=" value=" isNaN " onClick="nan.resultado.value = isNaN(nan.elemento.value)">
/div>/td> /div>/td>
td>div align="center"> input id="num" type="button" name="=" value=" Texto " onClick="nan.resultado.value = isNaN('Texto')">/div>/td>
/tr>
tr>
td colspan="3">div align="center"> input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/>/div>/td>
/tr>
tr>
td colspan="3">div align="center"> input id="num" type="button" name="=" value=" Reset " onClick="nan.resultado.value = reset()">/div>/td>
/tr>
/table>
/fieldset>
/form>
</textarea>
</form>
</div>
<a name="tres"><h1>Ejercicio tres</h1></a>
<div id="menu123">
<form name="cadena">
<fieldset>
<legend>Cadena </legend>
<table class="tabla3">
<tr>
<td colspan="3"><div align="center"><input id="num" type="text" name="texto" value="" size="50" maxlength="30" required /></div></td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"><div align="center"><input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/></div></td>
</tr>
<tr>
<td><div align="center"> <input id="num" type="button" name="=" value=" Reset " onClick="cadena.reset()"></div></td>
<td> </td>
<td><div align="center"><input id="num" type="button" name="=" value=" Enter " onClick="cadena2()"></div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="cadena">
fieldset>
legend>Cadena /legend>
table class="tabla3">
tr>
td colspan="3">div align="center">input id="num" type="text" name="texto" value="" size="50" maxlength="30" required />/div>/td>
/tr>
tr>
td colspan="3"> /td>
/tr>
tr>
td colspan="3">div align="center">input class="resul" type="text" name="resultado" value="" size="30" readonly disabled/>/div>/td>
/tr>
tr>
td>div align="center"> input id="num" type="button" name="=" value=" Reset " onClick="cadena.reset()">/div>/td>
td> /td>
td>div align="center">input id="num" type="button" name="=" value=" Enter " onClick="cadena2()">/div>/td>
/tr>
/table>
/fieldset>
/form>
JS
function cadena2()
{
var miString = cadena.texto.value
var resultado=""
for(i=0;i<miString.length-1;i++){
resultado += miString.charAt(i)
resultado += "-"
}
resultado += miString.charAt(miString.length - 1)
cadena.resultado.value=resultado
}
</textarea>
</form>
</div>
<a name="cuatro"><h1>Ejercicio cuatro</h1></a>
<div id="menu123">
<form name="divide">
<fieldset>
<legend>2.6.2</legend>
<table width="200" border="0">
<tr>
<td colspan="3"><div align="center"><input id="num" type="text" name="texto" value="" size="50" maxlength="30" required /></div></td>
</tr>
<tr>
<td width="184"><div align="center">
<input id="num" type="button" name="num" value=" Reset " onClick="divide.reset()">
</div></td>
<td width="89"><div align="center"></div></td>
<td width="164"><div align="center"><input id="num" type="button" name="=" value=" Enter " onClick="mitad()"></td>
</tr>
<tr>
<td height="21" colspan="3"> </td>
</tr>
<tr>
<td><div align="center"><input class="resul" type="text" name="mitaduno" value="" size="20" readonly disabled/></div></td>
<td><div align="center"></div></td>
<td><div align="center"><input class="resul" type="text" name="mitaddos" value="" size="20" readonly disabled/></div></td>
</tr>
<tr>
<td><div align="center">
<input class="resul" type="text" name="mayusuno" value="" size="20" readonly disabled/>
</div></td>
<td> </td>
<td><div align="center">
<input class="resul" type="text" name="mayusdos" value="" size="20" readonly disabled/>
</div></td>
</tr>
<tr>
<td><div align="center"><input class="resul" type="text" name="minusuno" value="" size="20" readonly disabled/></div></td>
<td><div align="center"></div></td>
<td><div align="center"><input class="resul" type="text" name="minusdos" value="" size="20" readonly disabled/></div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="divide">
fieldset>
legend>2.6.2</legend>
table width="200" border="0">
tr>
td colspan="3">div align="center">input id="num" type="text" name="texto" value="" size="50" maxlength="30" required />/div>/td>
/tr>
tr>
td width="184">div align="center">
input id="num2" type="button" name="num" value=" Reset " onClick="divide.reset()">
/div>/td>
td width="89">div align="center">/div>/td>
td width="164">div align="center">input id="num" type="button" name="=" value=" Enter " onClick="mitad()">/td>
/tr>
tr>
td height="21" colspan="3"> /td>
/tr>
tr>
td>div align="center">input class="resul" type="text" name="mitaduno" value="" size="20" readonly disabled/>/div>/td>
td>div align="center">/div>/td>
td>div align="center">input class="resul" type="text" name="mitaddos" value="" size="20" readonly disabled/>/div>/td>
/tr>
tr>
td>div align="center">
input class="resul" type="text" name="mayusuno" value="" size="20" readonly disabled/>
/div>/td>
td> /td>
td>div align="center">
input class="resul" type="text" name="mayusdos" value="" size="20" readonly disabled/>
/div>/td>
/tr>
tr>
td>div align="center">input class="resul" type="text" name="minusuno" value="" size="20" readonly disabled/>/div>/td>
td>div align="center">/div>/td>
td>div align="center">input class="resul" type="text" name="minusdos" value="" size="20" readonly disabled/>/div>/td>
/tr>
/table>
/fieldset>
/form>
JS
function mitad(){
//Declaramos la variable y dónde está localizada
var miString = divide.texto.value
var mitad1,mitad2
posicion_mitad = miString.length / 2
//La primera mitad irá desde la posición cero hasta la posición declarada como mitad
mitad1 = miString.substring(0,posicion_mitad)
//La segunda mitad irá desde el medio hasta el final
mitad2 = miString.substring(posicion_mitad,miString.length)
//Mostramos las mitades
divide.mitaduno.value = mitad1
divide.mitaddos.value = mitad2
//Ahora en mayúscula
divide.mayusuno.value = mitad1.toUpperCase()
divide.mayusdos.value = mitad2.toUpperCase()
//Ahora en minúscula
divide.minusuno.value = mitad1.toLowerCase()
divide.minusdos.value = mitad2.toLowerCase()
}
</textarea>
</form>
</div>
<a name="cinco"><h1>Ejercicio cinco</h1></a>
<div id="menu123">
<form name="fecha">
<fieldset>
<legend>Fechas</legend>
<table width="200" border="0">
<tr>
<td width="113"><div align="center">Día</div></td>
<td width="115"><div align="center">Mes</div></td>
<td width="116"><div align="center">Año</div></td>
<td width="89"><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"><input class="resul" type="text" name="da" value="" size="10" readonly disabled/></div></td>
<td><div align="center"><input class="resul" type="text" name="ma" value="" size="10" readonly disabled/></div></td>
<td><div align="center"><input class="resul" type="text" name="aa" value="" size="10" readonly disabled/></div></td>
<td><div align="center"><input id="num" type="button" name="actu" value=" Fecha actual " onClick="fecha2()"></div></td>
</tr>
<tr>
<td colspan="4"><div align="center"></div> <div align="center"></div> <div align="center"></div> <div align="center"></div></td>
</tr>
<tr>
<td><div align="center">Día</div></td>
<td><div align="center">Mes</div></td>
<td><div align="center">Año</div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"><input id="num" type="text" name="td" value="" size="10" maxlength="30" required /></div></td>
<td><div align="center"><input id="num" type="text" name="tm" value="" size="10" maxlength="30" required /></div></td>
<td><div align="center"><input id="num" type="text" name="ta" value="" size="10" maxlength="30" required /></div></td>
<td><div align="center"><input id="num" type="button" name="introducefecha" value=" Calcular " onClick="fecha3()"></div></td>
</tr>
<tr>
<td colspan="4"></td>
</tr>
<tr>
<td><div align="center">Años de diferencia</div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"><input class="resul" type="text" name="dif" value="" size="10" readonly disabled/></div></td>
<td><div align="center"><input id="num" type="button" name="res" value=" Reset " onClick="fecha.reset()"></div></td>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="fecha">
fieldset>
legend>Fechas/legend>
table width="200" border="0">
tr>
td width="113">div align="center">Día/div>/td>
td width="115">div align="center">Mes/div>/td>
td width="116">div align="center">Año/div>/td>
td width="89">div align="center">/div>/td>
/tr>
tr>
td>div align="center">input class="resul" type="text" name="da" value="" size="10" readonly disabled/>/div>/td>
td>div align="center">input class="resul" type="text" name="ma" value="" size="10" readonly disabled/>/div>/td>
td>div align="center">input class="resul" type="text" name="aa" value="" size="10" readonly disabled/>/div>/td>
td>div align="center">input id="num" type="button" name="actu" value=" Fecha actual " onClick="fecha2()">/div>/td>
/tr>
tr>
td colspan="4">/td>
/tr>
tr>
td>div align="center">Día/div>/td>
td>div align="center">Mes/div>/td>
td>div align="center">Año/div>/td>
td>div align="center">/div>/td>
/tr>
tr>
td>div align="center">input id="num" type="text" name="td" value="" size="10" maxlength="30" required />/div>/td>
td>div align="center">input id="num" type="text" name="tm" value="" size="10" maxlength="30" required />/div>/td>
td>div align="center">input id="num" type="text" name="ta" value="" size="10" maxlength="30" required />/div>/td>
td>div align="center">input id="num" type="button" name="introducefecha" value=" Calcular " onClick="fecha3()">/div>/td>
/tr>
tr>
td colspan="4">/td>
/tr>
tr>
td>div align="center">Años de diferencia/div>/td>
td>div align="center">/div>/td>
td>div align="center">/div>/td>
td>div align="center">/div>/td>
/tr>
tr>
td>div align="center">input class="resul" type="text" name="dif" value="" size="10" readonly disabled/>/div>/td>
td>div align="center">input id="num" type="button" name="res" value=" Reset " onClick="fecha.reset()">/div>/td>
td>div align="center">/div>/td>
td>div align="center">/div>/td>
/tr>
/table>
/fieldset>
/form>
JS
function fecha2(){
//Generamos la nueva fecha (sin esto,no funciona)
miFecha = new Date()
//Indicamos dónde va colocado cada elemento y los generamos con el get...()
fecha.da.value=miFecha.getDate()
fecha.ma.value=miFecha.getMonth() + 1
fecha.aa.value=miFecha.getFullYear()
}
function fecha3(){
//Tenemos que crear esta otra función porque son dos botones
//Establecemos las variables con las nuevas fechas
miFecha2 = new Date()
miFecha2.setDate(fecha.td.value)
miFecha2.setMonth(fecha.tm.value-1)
miFecha2.setFullYear(fecha.ta.value)
//Establecemos los años y los restamos y mostramos en el bloque de texto indicado
añoact=miFecha.getFullYear()
añousu=miFecha2.getFullYear()
fecha.dif.value=añoact-añousu
}
</textarea>
</form>
</div>
<a name="seis"><h1>Ejercicio seis</h1></a>
<div id="menu123">
<form name="cajas">
<fieldset>
<legend>Cajas</legend>
<table width="200" border="0">
<tr>
<td><div align="center"></div></td>
<td rowspan="7"><div align="center"></div></td>
<td><div align="center">Width</div></td>
<td rowspan="7"><div align="center"></div></td>
<td><div align="center">Height</div></td>
</tr>
<tr>
<td><div align="center"><input id="num" type="button" name="dime" value=" Dimensiones " onClick="window.dimensiones()"></div></td>
<td><div align="center"><input class="resul" type="text" name="an" value="" size="10" readonly disabled/></div></td>
<td><div align="center"><input class="resul" type="text" name="al" value="" size="10" readonly disabled/></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center">Width</div></td>
<td><div align="center">Heigth</div></td>
</tr>
<tr>
<td></td>
<td><div align="center"><input id="num" type="text" name="ancho" value="" size="10" maxlength="30" required /></div></td>
<td><div align="center"><input id="num" type="text" name="alto" value="" size="10" maxlength="30" required /></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center">coord</div></td>
<td><div align="center">coord</div></td>
</tr>
<tr>
<td><div align="center"><input id="num" type="button" name="mue" value=" muéveme " onClick="redimensionar()"></div></td>
<td><div align="center"><input id="num" type="text" name="ta1" value="" size="10" maxlength="30" required /></div></td>
<td><div align="center"><input id="num" type="text" name="ta2" value="" size="10" maxlength="30" required /></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"><input id="num" type="button" name="resta" value=" Restaurar " onClick="restaurar()"></div></td>
<td><div align="center"><input id="num" type="button" name="res" value=" Reset " onClick="cajas.reset()"></div></td>
</tr>
</table>
</fieldset>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="cajas">
fieldset>
legend>Cajas/legend>
table width="200" border="0">
tr>
td>div align="center">/div>/td>
td rowspan="7">div align="center">/div>/td>
td>div align="center">Width/div>/td>
td rowspan="7">div align="center">/div>/td>
td>div align="center">Height/div>/td>
/tr>
tr>
td>div align="center">input id="num" type="button" name="dime" value=" Dimensiones " onClick="window.dimensiones()">/div>/td>
td>div align="center">input class="resul" type="text" name="an" value="" size="10" readonly disabled/>/div>/td>
td>div align="center">input class="resul" type="text" name="al" value="" size="10" readonly disabled/>/div>/td>
/tr>
tr>
td>div align="center">/div>/td>
td>div align="center">Width/div>/td>
td>div align="center">Heigth/div>/td>
/tr>
tr>
td>/td>
td>div align="center">input id="num" type="text" name="ancho" value="" size="10" maxlength="30" required />/div>/td>
td>div align="center">input id="num" type="text" name="alto" value="" size="10" maxlength="30" required />/div>/td>
/tr>
tr>
td>div align="center">/div>/td>
td>div align="center">coord/div>/td>
td>div align="center">coord/div>/td>
/tr>
tr>
td>div align="center">input id="num" type="button" name="mue" value=" muéveme " onClick="redimensionar()">/div>/td>
td>div align="center">input id="num" type="text" name="ta1" value="" size="10" maxlength="30" required />/div>/td>
td>div align="center">input id="num" type="text" name="ta2" value="" size="10" maxlength="30" required />/div>/td>
/tr>
tr>
td>div align="center">/div>/td>
td>div align="center">input id="num" type="button" name="resta" value=" Restaurar " onClick="restaurar()">/div>/td>
td>div align="center">input id="num" type="button" name="res" value=" Reset " onClick="cajas.reset()">/div>/td>
/tr>
/table>
/fieldset>
/form>
JS
function dimensiones(){
//Con esto mostraremos las medidas de la página en estas cajas
cajas.an.value = (window.innerWidth)
cajas.al.value = (window.innerHeight)
}
var redimensionar
function redimensionar(){
//Abrimos una nueva ventana que podremos redimensionar y movel gracias a las coordenadas y los píxeles que escribamos en estas celdas
var ancho=cajas.ancho.value
var alto=cajas.alto.value
redimensionar=window.open("http://www.google.com","","width=0,height=0,top=0,left=0,menubar=no")
redimensionar.resizeTo(cajas.ancho.value, cajas.alto.value)
redimensionar.moveTo(cajas.ta1.value, cajas.ta2.value)
}
//No funciona aún
function restaurar()
{
redimensionar.resizeTo(1600,799)
redimensionar.moveTo(0,0)
}
</textarea>
</form>
</div>
<a name="siete"><h1>Ejercicio siete</h1></a>
<div id="menu1">
<form name="colores">
Escoge el color que deseas ver:
<input type="color" name="favcolor" value="">
<input type="button" id="num" value="Send" onclick="javascript:document.body.style.backgroundColor=colores.favcolor.value; document.body.style.backgroundImage='none'">
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
form name="colores">
Escoge el color que deseas ver:
input type="color" name="favcolor" value="">
input type="button" value="Send" onclick="javascript:document.body.style.backgroundColor=colores.favcolor.value; document.body.style.backgroundImage='none'">
/form>
</textarea>
</form>
</div>
<a name="ocho"><h1>Ejercicio ocho</h1></a>
<div id="fondos1" class="menu1">
<form name="prueba1">
<input type="button" id="num" name="Cambia" value="Cambiar" onclick="cambiaColor2()"/>
<select name="fondo1" id="seleccionador" size=1 required >
<option id="naranja" value="#f0824c">Naranja</option>
<option id="rojo" value="#ff3333">Rojo</option>
<option id="morao" value="#bd7cb3">Morado</option>
<option id="amarillo" value="#bbc30e">Amarillo</option>
<option id="marino" value="#7f8fc7">Marino</option>
<option id="verde" value="#37a935">Verde</option>
</select>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="prueba1">
input type="button" id="num" name="Cambia" value="Cambiar" onclick="cambiaColor2()"/>
select name="fondo1" id="seleccionador" size=1 required >
option id="naranja" value="#f0824c">Naranja/option>
option id="rojo" value="#ff3333">Rojo/option>
option id="morao" value="#bd7cb3">Morado/option>
option id="amarillo" value="#bbc30e">Amarillo/option>
option id="marino" value="#7f8fc7">Marino/option>
option id="verde" value="#37a935">Verde/option>
/select>
/form>
JS
function cambiaColor2() {
//Establecemos el cambio de color según el que se clicke en las opciones
document.getElementById('fondos1').style.background=prueba1.fondo1.value
}
</textarea>
</form>
</div>
<a name="nueve"><h1>Ejercicio nueve</h1></a>
<div id="menu1">
<form name="caaal" >
<table>
<tr>
<td width="93">Texto:</td>
<td colspan="2"><textarea name="teeexto" id="editor" cols="40" rows="5" onKeyDown="cuentame3()" onKeyUp="cuentame3()" value=""></textarea></td>
</tr>
<tr>
<td>Caracteres:</td>
<td width="136"><input type="text" name="caracteres" size=4 value="0" disabled/></td>
<td width="206"><div align="center"><input id="num" type="button" name="res" value=" Reset " onClick="caaal.reset()"></div></td>
</tr>
</table>
</form>
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
HTML
form name="caaal" >
table>
tr>
td width="93">Texto:/td>
td colspan="2">textarea name="teeexto" id="editor" cols="40" rows="5" onKeyDown="cuentame3()" onKeyUp="cuentame3()" value="">/textarea>/td>
/tr>
tr>
td>Caracteres:/td>
td width="136">input type="text" name="caracteres" size=4 value="0" disabled/>/td>
td width="206">div align="center">input id="num" type="button" name="res" value=" Reset " onClick="caaal.reset()">/div>/td>
/tr>
/table>
/form>
JS
function cuentame3()
{
//Con esto y gracias al onKeyDown y al onKeyUp podremos contar cada vez que se escriba un caracter
caaal.caracteres.value = caaal.teeexto.value.length
}
</textarea>
</form>
</div>
<a name="diez"><h1>Ejercicio diez</h1></a>
<div id="menu1">
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
</textarea>
</form>
</div>
<a name="once"><h1>Ejercicio once</h1></a>
<div id="menu1">
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
</textarea>
</form>
</div>
<a name="doce"><h1>Ejercicio doce</h1></a>
<div id="menu1">
</div>
<div id="menu2">
<form>
<textarea rows="13" cols="68" wrap="soft">
</textarea>
</form>
</div>
<a name="trece"><h1>Ejercicio trece</h1></a>
<div id="menu1">
</div>
<div id="menu2">
</div>
<a name="catorce"><h1>Ejercicio catorce</h1></a>
<div id="menu1">
</div>
<div id="menu2">
</div>
<a name="quince"><h1>Ejercicio quince</h1></a>
<div id="menu1">
</div>
<div id="menu2">
</div>
<a name="dieciseis"><h1>Ejercicio dieciseis</h1></a>
<div id="menu1">
</div>
<div id="menu2">
</div>
</div>
<a class="ir" href="#arriba"><img src="gato.gif"/></a>
</body>
</html>
Suscribirse a:
Entradas (Atom)