Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - Alex

Páginas 1 ... 43 44 45 46 47 ... 57
#881
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:29:58 PM
- Estudio del Prog065.htm

En principio el fichero anterior es una página web, que no tiene nada que ver con
JavaScript (no aparecen los tags <SCRIPT Lan...> </SCRIPT>)

Pero en el segundo cuadro de texto:

<INPUT TYPE="text" onBlur="alert('vale');">

tenemos un pequeño programa JavaScript (una única sentencia), que se ejecutará al
abandonar el foco (onBlur) el cuadro de texto.

• Si observamos los tres cuadros de texto, vemos que los parámetros SIZE, NAME,
VALUE, onBlur son opcionales. De hecho un cuadro de texto es el tag: <INPUT
TYPE="text">.
• El primer cuadro de texto tiene el tamaño de 50 caracteres (SIZE="50"). Si no
especificamos el tamaño (SIZE) en un cuadro de texto, por defecto es de 20
caracteres..
• El parámetro NAME de un cuadro de texto, sólo tiene sentido en el caso de un
programa JavaScript, para poder referirnos a él (como veremos en los siguientes
ejercicios).
El parámetro VALUE nos permite referirnos al "valor" o contenido de un determinado
cuadro de texto.
#882
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:29:20 PM
Uso de los tags <FORM> </FORM>

Los llamados tags "formulario": <FORM> </FORM> nos permiten incluir en una página web,
otros elementos visuales como "cuadros de texto" y "botones", de gran importancia en la
programación en JavaScript.

Cuadros de Texto:

Código: javascript
<FORM>
<INPUT TYPE="text" SIZE="10" NAME="pepe">
</FORM>
Crea un cuadro de texto de nombre "pepe" y tamaño 10 caracteres.
<FORM>
<INPUT TYPE="text" onBlur="programa JavaScript">
</FORM>


Crea otro cuadro de texto tal que, al salir de él se ejecuta el programa JavaScript.

- Escribe el siguiente programa:

Código: HTML5
<HTML>
<!-- PROG065.HTM //-->
<BODY>
<FORM>
ESCRIBE LO QUE QUIERAS:
<INPUT TYPE="text" SIZE="50" NAME="uno">
<BR><BR>
PULSA TAB para pasar al siguiente cuadro de texto:
<BR><BR>
VUELVE A ESCRIBIR LO QUE TE VENGA EN GANA:
<INPUT TYPE="text" onBlur="alert('vale');">
<BR>
<INPUT TYPE="text" VALUE="PUES ESO">
</FORM>
</BODY>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog065.htm y ejecútalo varias veces, observando
detenidamente lo que sucede.
#883
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:28:32 PM
- En un programa JavaScript, la sentencia document.write("cadena") escribe en la pantalla
del navegador, el valor de "cadena".

Observa que en "cadena" no podemos incluir los códigos de escape "\n" y "\t", pero sí todos
los tags HTML que queramos. De esta forma, en lugar de "\n", deberemos escribir <BR>,
que es la orden equivalente en HTML.

Utilizando los tags propios del HTML, podemos mejorar la salida de cualquier programa
JavaScript, en efecto:

- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG063.HTM
var nom;
nom=prompt("Escribe tu nombre","");
var salida="";
for(i=2;i<=14;i=i+2)
{
salida=salida+"<BR>"+"i= "+i+" - Hola "+nom;
}
document.write("<BODY BGCOLOR='#00FF00'><FONT COLOR='#FF0000'>");
document.write("<H1><P align='CENTER'>Uso de DOCUMENT.WRITE</H1>");
document.write("<BR><BR>");
document.write("<B>"+salida+"</B>");
</SCRIPT>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog064.htm y ejecútalo.
#884
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:27:35 PM
Casi todos los programas que hemos hecho hasta ahora se han caracterizado en que su
"salida" ha sido siempre utilizando la ventana "alert" de JavaScript. Vamos a ver en el siguiente
programa que podemos "enviar la salida" a la misma pantalla del navegador.

- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG063.HTM
var nom;
nom=prompt("Escribe tu nombre","");
var salida="";
for(i=2;i<=14;i=i+2)
{
salida=salida+"<BR>"+"i= "+i+" Hola "+nom;
}
document.write("<H1><P align='CENTER'>Uso de DOCUMENT.WRITE</H1>");
document.write("<BR><BR>");
document.write(salida);
</SCRIPT>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog063.htm y ejecútalo.
#885
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:26:46 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<!-- PROG062.HTM //-->
<BODY BGCOLOR="#FF0000">
<FONT COLOR="#0000FF">
<B>
<BR>
<HR>
<P ALIGN="CENTER">
Pepito Valdemoro Ruiz
<BR>
Avda. Las Babosas 21-25, 2, 4
<BR>
08915 - BADALONA
</P>
<HR>
</B>
</FONT>
</BODY>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog062.htm y ejecútalo.
#886
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:26:26 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<HEAD><TITLE>Esto está en el navegador</TITLE></HEAD>
<!-- PROG061.HTM //-->
<BODY BGCOLOR="#000000">
<FONT COLOR="#FFFFFF">
<H1>Color de Fondo #000000=Negro</H1>
<BR>
<P ALIGN="CENTER">
El color del texto #FFFFFF=Blanco</P>
<BR>
<HR>
Esto está entre dos rayas horizontales
<HR>
<P ALIGN="CENTER">
<B>Esto es Negrita</B></P>
<BR>
Esto es letra normal
</FONT>
</BODY>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog061.htm y ejecútalo.
#887
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:25:56 PM
IV.- Programación Visual

En este capítulo se trata de continuar programando en JavaScript, pero utilizando las
posibilidades gráficas y visuales del navegador: botones, cuadros de texto, etc.
Para ello necesitamos conocer un poco más de los tags propios del HTML,

Texto
<!-- //-->
Permite escribir comentarios en una página web (no en un programa JavaScript).
<BR>
Es equivalente a un [Return]. No existe el correspondiente tag de cierre.
<H1> </H1>
<H2> </H2>
<H3> </H3>
Nos sirven para escribir "títulos".
<P> </P>
Párrafo normal (justificación izquierda).
<P ALIGN="CENTER"> </P>
Párrafo centrado.
Colores
<BODY BGCOLOR="CódigoColor"> </BODY>
La página quedará coloreada con el color de fondo correspondiente a CódigoColor
La sintaxis de CódigoColor es #XXYYZZ
XX es un número en hexadecimal de 00 a FF correspondiente al rojo
YY es un número en hexadecimal de 00 a FF correspondiente al verde
ZZ es un número en hexadecimal de 00 a FF correspondiente al azul
Ejemplos:
#FF0000 rojo #0000FF azul
#9900DD violeta #00FF00 verde
#FF00FF magenta
<FONT COLOR="CódigoColor"> </FONT>

La letra aparecerá en el color correspondiente a CódigoColor.

Otros
<HR>
Dibuja una línea horizontal.
<B> </B>
Letra en negrita.
#888
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:23:32 PM
Autoevaluación III

9) Haz un programa de nombre Eval3I.htm, tal que:
- El programa nos pregunta cuántas multiplicaciones queremos hacer.
- El programa nos las pregunta aleatoriamente.
- Al final el programa nos da la nota cualitativa (función del Prog049f.htm).
Repasa el segundo capítulo.

10) Haz un programa de nombre Eval3J.htm que lea un sistema de tres ecuaciones con tres
incógnitas y nos escriba la matriz ampliada. Suponiendo que todos los coeficientes son
positivos y constan de un único dígito. Deberás utilizar la función texto.charAt(num)

4) Haz un programa de nombre Eval3D.htm, que sirva para calcular el módulo de un vector
en el espacio, utilizando una función.

15) Haz un programa de nombre Eval3O.htm, que escriba un número en base 2 o 3 en base
10.
Repasa el primer capítulo

16) Haz un programa de nombre Eval3P.htm, que calcule los 50 primeros términos de la
sucesión de termino general: (3n + 1) / ( 2n – 1)

17) Haz un programa de nombre Eval3Q.htm, que calcule la raíz cuarta de un número,
utilizando una función.

18) Haz un programa de nombre Eval3R.htm, que cuente el número de vocales que contiene
un texto cualquiera.

19) Haz un programa de nombre Eval3S.htm, que haga lo mismo que el anterior, pero al final
el programa nos da el número de "a", número de "e", número de "i", y lo mismo con las "o" y
"u".
#889
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:22:06 PM
6.- Temporizadores

Los temporizadores son objetos sin representación física que se encargan de ejecutar una
tarea al cabo de cierto tiempo que se le debe indicar.

Código: javascript
NombreTemp= setTimeout("nombrefunción()", tiempo);


Para detener el temporizador: clearTimeout(NombreTemp);

- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG059.HTM
/* Texto animado */
var velocidad=200;
var letras;
function animar()
{
letras=new Array();
var texto="Uso de cadenas con JavaScript para efectos dinámicos";
for(i=0;i<texto.length;i++)
{
letras[i]=texto.charAt(i);
}
mueveLetras();
}
var TextoAct="";
var n=-1;
function mueveLetras()
{
n++;
TextoAct += letras[n];
document.forms[0].TextoDinamico.value=TextoAct;
if(n==letras.length-1)
{
n=-1;
TextoAct="";
}
setTimeout("mueveLetras()",velocidad);
}
</SCRIPT>
<BODY onload=animar();>
<FORM>
<INPUT TYPE="text" NAME="TextoDinamico" VALUE="" SIZE="120">
</FORM>
</BODY>
</HTML>


- Graba el programa en TuCarpeta con el nombre Prog059.htm y ejecútalo.

- Estudio del Prog059.htm
• La frase "Uso de cadenas con JavaScript para efectos dinámicos", se colocará una
letra cada 0,2 segundos.
• La línea <BODY onLoad= animar();>, llamará a la rutina "animar()", cuando la
página termine de cargarse.
• <FORM>
<INPUT TYPE="text" NAME="TextoDinamico" VALUE= "" SIZE="120">
</FORM>
Definimos un formulario (FORM), que contiene un cuadro de texto (INPUT
TYPE="text") de nombre TextoDinamico que no contiene nada (VALUE="") y
tamaño (SIZE="120")
En el próximo capítulo lo estudiaremos con detalle.
• document.forms[0].TextoDinamico.value= variable;
En el cuadro de texto de nombre "TextoDinamico", se coloca el valor de la variable.
En el próximo capítulo lo estudiaremos con detalle.

#890
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:20:18 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG058.HTM
/* Programa que determina el número de "a" o "A" que
aparece en un texto */
var texto;
texto=prompt("Escribe el texto que quieras:","");
alert("Número de a y de A = "+BuscaLetra(texto));
function BuscaLetra(x)
{
var numero=0;
for(i=0;i<x.length;i++)
{
if(x.charAt(i)=="a" || x.charAt(i)=="A") numero++;
}
return numero;
}
</SCRIPT>
</HTML>


- Graba el programa en TuCarpeta con el nombre Prog058.htm y ejecútalo varias veces.
#891
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:19:11 PM
5.- Búsqueda de un carácter determinado.

El método charAt de String devuelve una cadena conteniendo el carácter situado en la
posición especificada:

Código: javascript
"cadena".charAt(4) = letra situada en el lugar 5


Ejemplo: función que determina la existencia del carácter @:

Código: javascript
Function Busca(texto)
{
for(i=0;i<texto.length;i++)
{
if(texto.charAt(i)=="@") return true;
}
return false
}


Si utilizamos la función anterior para determinar una dirección e-mail, no sería correcto ya que
el símbolo @ al principio o final de la cadena, no correspondería a una dirección de correo
electrónico; para este caso deberíamos modificar la función:

Código: javascript
Function BuscaEmail(texto)
{
for(i=0;i<texto.length;i++)
{
if(texto.charAt(i)=="@" && i ¡= (texto.length-1) && (i ¡= 0))
return true;
}
return false
}
alert(BuscaEmail("[email protected]"));


#892
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:17:12 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG057.HTM
var x;
var salida="";
var letras=new Array();
var numeros=new Array();
x=prompt("Escribe una palabra o frase","");
for(i=0;i<=x.length;i++)
{
numeros[i]=x.charCodeAt(i);
letras[i]=String.fromCharCode(numeros[i]);
salida=salida+letras[i]+" = "+numeros[i]+"\n";
}
alert(salida);
alert(SumaASCII(x));
function SumaASCII(frase)
{
var aux=0;
for(i=0;i<frase.length;i++)
{
aux += frase.charCodeAt(i);
}
return aux;
}
</SCRIPT>
</HTML>


- Graba el programa en TuCarpeta con el nombre Prog057.htm y ejecútalo.
- Investiga si es verdad lo que dicen las "malas lenguas": "En el nombre del fundador y
presidente de Microsoft hay el número de la bestia".
#893
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:16:09 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG056.HTM
var x;
x=prompt("Escribe una palabra o frase","");
var letras=new Array();
var numeros=new Array();
for(i=0;i<x.length;i++)
{
numeros[i]=x.charCodeAt(i);
letras[i]=String.fromCharCode(numeros[i]);
}
alert(letras+"\n"+numeros);
</SCRIPT>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog056.htm y ejecútalo.
#894
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:15:20 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG055.HTM
var x="PACO-paco";
var letras=new Array(9);
var salida="";
salida=salida+x+"\n";
for(i=0;i<9;i++)
{
salida=salida+x.charCodeAt(i)+"\t";
letras[i]=x.charCodeAt(i);
}
alert(salida);
alert(letras);
</SCRIPT>
</HTML>


- Grábalo en TuCarpeta con el nombre Prog055.htm y ejecútalo.
#895
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:14:50 PM
4.- Código ASCII/Unicode

De lo único que entiende un ordenador es de 0 y 1. Cuando se asigna una cadena de texto a
una variable, ésta internamente, se guarda como una serie de números que identifican a los
diferentes caracteres constituyentes de la misma. Esta codificación se llama ASCII.

El código ASCII asigna a cada carácter un número de 0 a 255, es decir 256 caracteres en total.

1 carácter = 8 bits = 1 byte = 8 ceros y unos.

0 y 1 en grupos de ocho: 28 = 256

El código ASCII se ha quedado pequeño: 256 caracteres es insuficiente para representar los
símbolos propios de muchos países.

La ISO (organización internacional para la normalización), propuso el código UNICODE:
1 carácter = 2 bytes = 16 ceros y unos
0 y 1 en grupos de 16: 216 = 65.536 caracteres distintos.

La mayor parte de los sistemas operativos modernos (por ejemplo el Windows), guardan
internamente la representación de sus caracteres como valores Unicode no Ascii

Función fromCharCode: accedemos a los caracteres Unicode
var x = String.fromCharCode(75, 81,52);
alert x;

Aparecen los caracteres correspondientes a la codificación "unicode" de los números 75, 81 y
52.

Función charCodeAt, es la función inversa de la anterior, es decir a partir de una cadena
devuelve el código correspondiente a la letra que se encuentre en la posición especificada:

var x = "JavaScript"
alert(x.charCodeAt(5));

Devolverá un 99, que corresponde a la "c".

Las cadenas igual que las matrices comienzan a numerarse en el cero.
#896
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:13:56 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG054.HTM
var Matriz2D= new Array(5);
for (i=0;i<5;i++)
{
var Aux=new Array(5);
for (j=0;j<5;j++)
{
Aux[j]="E"+i+j;
}
Aux[4] += "\n";
Matriz2D[i]=Aux;
}
alert(Matriz2D);
</SCRIPT>
</HTML>


- Graba el programa en TuCarpeta con el nombre Prog054.htm y ejecútalo.
#897
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:13:29 PM
Matrices con varias dimensiones

JavaScript no soporta directamente matrices con varias dimensiones.

En "Java" o en "C++" definimos matriz[5][5] como una matriz de dos dimensiones: 5x5 = 25
elementos en total.

En JavaScript podemos "simular" esta matriz de la siguiente forma:

Código: javascript
var Matriz2D=new Array(5);

for(i=0;i<=4;i++)
{
Matriz2D[i]=new Array(5);
}


Con este código lo que conseguimos es crear una matriz con 5 elementos cada uno de los
cuales es, a su vez, una matriz. El resultado es el deseado: una matriz con dos dimensiones.
Una vez definida una matriz multidimensional, podemos acceder a sus elementos de la
siguiente forma:

Matriz2D[0][0] = primer elemento de la matriz.
#898
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:12:39 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG053.HTM
var salida="";
var Datos=new Array("Pepito","Paquito","Felipe");
var Edad=new Array(57,15,26);
alert("La matriz Datos tiene "+Datos.length+" elementos");
alert("La matriz Edad tiene "+Edad.length+" elementos");
for (i=0;i<=2;i++)
{
salida=salida+Datos[i]+" - "+Edad[i]+"\n";
}
alert(salida);
</SCRIPT>
</HTML>


- Graba el programa con el nombre Prog053.htm en TuCarpeta y ejecútalo.
- Observa que podemos inicializar un array igual que hacíamos con cualquier variable.
#899
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:12:08 PM
- Escribe el siguiente programa:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
// PROG052.HTM
alert(GeneraLetras());
function GeneraLetras()
{
var n;
n=parseInt(prompt("Cuántas letras quieres (1 a 26)",""));
if (isNaN(n)==true) return;
if (n<1) n=1;
if (n>28) n=26;
var Letras=new Array(n);
for (i=0;i<=Letras.length-1;i++)
{
Letras[i]=String.fromCharCode(65+i);
}
return Letras;
}
</SCRIPT>
</HTML>


- Graba el programa en TuCarpeta con el nombre Prog052.htm y ejecútalo varias veces.
- Estudio del Prog052.htm

• length, es una propiedad de las matrices que nos indica el tamaño de éstas.
En nuestro caso: Letras.length = número de elementos del array "Letras".
• Si en una función escribimos la sentencia return, sin ningún parámetro,
simplemente "salimos" de la función y se acaba el programa.
• String.fromCharCode
Lo estudiaremos próximamente, en detalle. Baste decir de momento que escribe un
determinado carácter.

#900
Zona Webmaster / Re:JavaScript (Manual FV)
Noviembre 26, 2012, 08:11:17 PM
Programa que calcula, dada una serie de 20 números, la media aritmética, las

desviaciones respecto a la media, la desviación media, la varianza y la desviación típica.

Recuerda:

Dada la serie estadística: x1, x2, x3, ... , xn
Media aritmética: x = (x1+x2+x3+ ......)/n

Desviaciones respecto a la media: d1=|x1-x|, d2=|x2-x|, ....
Desviación media: es la media aritmética de las desviaciones

Varianza: es la media aritmética de las desviaciones al cuadrado.

Desviación típica: es la raíz cuadrada de la varianza.

- Escribe:

Código: javascript
<HTML>
<SCRIPT LANGUAGE="JavaScript">
//PROG051d.HTM
var x=new Array(20);
var sum=0;
var med;
var des=new Array(20);
var sum1=0;
var sum2=0;
var desmed,vari,dt;
var salida="VALORES:\n";
var salida1="DESVIACIONES RESPECTO A LA MEDIA:\n";
for(i=0;i<20;i++)
{
num=parseFloat(prompt("Escribe un valor de la serie ("+(i+1)+"º):",""));
x[i]=num;
salida=salida+x[i]+" - ";
sum=sum+x[i];
}
med=sum/20;
for(i=0;i<20;i++)
{
des[i]=Math.abs(x[i]-med);
salida1=salida1+des[i]+" - ";
sum1=sum1+des[i];
sum2=sum2+(des[i]*des[i]);
}
desmed=sum1/20;
vari=sum2/20;
dt=Math.sqrt(vari);
alert(salida+"\n"+"MEDIA ARITMÉTICA =
"+med+"\n"+salida1+"\n"+"DESVIACIÓN MEDIA ="+desmed+"\nVARIANZA
="+vari+"\nDESVIACIÓN TÍPICA = "+dt);
</SCRIPT>
</HTML>


- Grábalo con el nombre Prog051d.htm y ejecútalo varias veces para comprobar que
funciona.
Páginas 1 ... 43 44 45 46 47 ... 57