El awesome blog deBartolomeo: mayo 2016

viernes, 27 de mayo de 2016

[Fecha de publicación: 2016-05-26]

DEBI ACTUALIZAR EL BLOG

Propiedad de objetos web innerHTML

La propiedad más interesante de los objetos Web a los que podemos acceder, no forma parte del Standard oficial de HTML.

Se trata de la propiedad innerHTML que fue introducida por Microsoft en Internet Explorer como un método de acceso rápido al contenido completo de un contenedor en HTML. Rápidamente el resto de exploradores lo añadieron en su soporte de lenguaje.

Podemos usar innerHTML para recuperar el contenido actual de un contenedor o insertar nuevo contenido en ese contenedor.

Por contenedor entendemos aquello que está entre las cláusulas < div > y < /div >.

El elemento DIV define un contenedor genérico, el cuál permite a los programadores definir estilos o bloques de contenido.

Como parámetros a DIV tenemos ID, CLASS y ALIGN, aunque éste ultimo cada vez se emplea menos en favor de las CSS.

Ejemplos de uso de DIV.

<div id="primero">

<p>Algún texto.</p>

<p>Un poco más de texto.</p></div>

<div id="segundo"></div>

El primero de los ejemplos muestra 2 párrafos de texto en la página, mientras que el Segundo no muestra nada; simplemente es un contenedor vacío en estos momentos.

Podemos recuperar el contenido de DIV de la siguiente forma:

var contenido = document.getElementById('primero').innerHTML;

La variable contenido almacena ahora todo el texto de los dos párrafos así como las marcas < p > y < /p >.

Podríamos reemplazar los dos párrafos completamente asignándoles un nuevo valor.

document.getElementById('primero').innerHTML = '<p>Un parrafo de texto para reemplazar los dos anteriores.</p>’;

Tomado de: https://manuais.iessanclemente.net/index.php/Propiedad_de_objetos_web_innerHTML

solucion de la pregunta:

<script>

function numero(){
document.getElementById('n1')
document.getElementById('n2')
document.getElementById('n3')

alert("n1")
alert("n2")

alert("n3")

</script>

[Fecha de publicación: 2016-05-19]

Templates:

QUE SON LOS TEMPLATES WEB:
Los templates son sitios web prediseñados, de forma que ya disponen de una estructura definida, por lo tanto permiten desarrollar el sitio web de una forma mucho más ágil y rápida que los diseños a medida (proyectos en que se parte de cero).
FUNCION DE PLANTILLAS WEB
Las plantillas web son adecuadas para aquellos sitios web que no van a requerir de una estructura compleja y en los que su función principal será la de mostrar información general sobre la propia empresa, negocio o servicios que ofrece .

ETIQUETA GETELEMENTBYID

ACCESO DIRECTO A NODOS

Las formas de acceder directamente a nodos con JavaScript podemos resumirlas así:

Acceso directo a nodos	Sintaxis	Ejemplo
Elegido por su atributo id	document.getElementById('valorId');	document.getElementById (menu1);
Elegido por su atributo name	document.getElementsByName('valorName');	document.getElementsBy Name('peticionDatos');
Elegido por el tipo de etiqueta HTML (tag)	document.getElementsByTagName('valorTag');	document.getElementsByTag Name(span);
Elegido por class CSS	document.getElementsByClassName('valorClase');	document.getElementsByClassName('destacado');
Elegido por selector CSS	document.querySelectorAll('selectorCSS');	document.querySelectorAll ('#menu1 p');
Elegido por selector CSS	document.querySelector('selectorCSS');	document.querySelector ('#menu1 p');

Hace unos años se usaba document.all para realizar selección de nodos en un documento, por ejemplo document.all.tags(“div”) devolvía todos los elementos div en un documento, pero esta sintaxis se considera obsoleta por lo que no vamos a usarla.

Una vez que tenemos acceso directo a los nodos podemos empezar a hacer cosas interesantes como modificar dinámicamente los nodos, como veremos en el ejemplo de código que mostramos más abajo.

GET ELEMENT BY ID

Un atributo que pueden tener las etiquetas HTML es el valor de id, que permite entre otras cosas establecer estilos CSS para dicho elemento y sus descendientes. Por ejemplo <div id="contenedor"> establece que el id para este elemento div es “contenedor”.

El atributo id nos va a permitir acceder a un nodo del DOM con dicho valor de atributo. Recordar que en un documento HTML no debería existir más de un elemento con un mismo id. Es decir, los ids deben ser únicos (identificadores únicos de un elemento). En caso de tener dos elementos dentro de nuestro documento HTML que tengan el mismo id, pueden surgir errores (seguramente JavaScript devuelva el primer elemento con el id especificado que encuentre, pero no deberíamos trabajar teniendo ids repetidos porque esto es incorrecto).

El nombre de la función document.getElementById('valorId') nos informa sobre su cometido: nos devuelve un solo nodo de “tipo elemento” del DOM cuyo id coincide con el pasado como argumento.

tomado de: http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=805:javascript-acceder-a-elementos-por-id-getelementbyid-documentall-cambiar-imagen-img-src-cu01127e&catid=78:tutorial-basico-programador-web-javascript-desde-&Itemid=206

jueves, 12 de mayo de 2016

[Fecha de publicación: 2016-05-12]

YO QUEDE EXENTO DEL PREVIO

Explicacion del tema: Templates

se descarga un template y lo primero es tener un acopia de seguridad, luego se revisa la carpeta index.html y tambien la carpeta de css y se comparan para empezar a modificar.

Despues; se hizo PREVIO

lunes, 9 de mayo de 2016

Prueba Noticias

viernes, 6 de mayo de 2016

[Fecha de publicación: 2016-05-05]

PREVIO DEL CONTRATO

<script>

var n = (prompt(parseInt("digite numero")));
if ( n=<0 ) && ( n=>11 ){
var fruta, i;
frutas= new Array["manzana","pera","mango","lulo","guanabana","mora","banano","sandia","fresa","kiwi","pitaya"];

fLen = fruta.length;
for( i= 0; i < fLen; i++) {

if (i==n){
document.write('<font color="ff0000">' fruta[i] + "</font><br>")
}
else{
document.write( fruta[i] + "</font><br>")
}

}
else{
document.write('<marquee BEHAVIOR ="alternate" WIDTH="30%">'"ERROR"'</marquee>');
}

</script>

Ejercicios de seudocodigo

Realizar los siguientes Ejercicios en Pseint :

14. Desarrolle un algoritmo que permita determinar si un valor N es múltiplo de un Valor Z

Proceso p14

Escribir 'Ingrese un numero';

Leer n;

Escribir 'Ingrese otro numero';

Leer z;

Si n MOD z=0 Entonces

Escribir 'El numero ',n,' es multiplo de ',z;

Sino

Escribir 'El numero ',n,' No es multiplo de ',z;

FinSi

FinProceso

15. Desarrollar un algoritmo que permita determinar si un valor N (cualquiera), es divisor común de otros dos valores X y Y (que se ingresan por teclado)

algoritmo p15

Escribir "dame un numero"

leer n

imprimir " dame otro numero"

leer x

si n MOD x = 0 entonces

imprimir n "es divisor de" x

sino

imprimir n "no es divisor de " x

fin si

Fin Algoritmo

16. Diseñar un algoritmo que lea un valor N y determine si es múltiplo común de X y Z donde X y Z también se ingresan por teclado

Proceso p16

Escribir 'Ingrese un numero';

Leer n;

Escribir 'Ingrese otro numero';

Leer z;

Escribir 'Ingrese otro numero';

Leer x;

Si n MOD z=0 Y n MOD x=0 Entonces

Escribir n " es multiplo comun de " x " y " z

Sino

Escribir 'El numero ',n,' No es multiplo de ',z " y " x;

FinSi

FinProceso

17. Diseñar un algoritmo que permita leer dos valores V1 y V2 y determine cuál es el mayor y cuál es el menor o si son iguales

algoritmo p17

Escribir "dame numero";

Leer v1;

Escribir "dame numero";

Leer v2;

Si v1>v2 Entonces

Escribir "el mayor es:", v1

Sino

si v2>v2 entonces

Escribir "el mayor es:", v2

FinSi

Si v1<v2 Entonces

Escribir "el menor es:", v1

Sino

Si v2<v1Entonces

Escribir "el menor es:", v1

Sino

Escribir "Son iguales";

FinSi

fin algoritmo

18. Diseñe un algoritmo que permita leer dos números N1 y N2 e indicar si uno de los dos divide exactamente al otro.

algoritmo p18

Escribir "dame un numero"

leer n1

imprimir " dame otro numero"

leer n2

si n1 MOD n2 = 0 entonces

imprimir n1 "es divisor de" n2

sino

Si n2 MOD n1 = 0 Entonces

Escribir n2 "es divisor de" n1

Sino

Escribir "no son divisores del otro"

Fin Si

imprimir ""

fin si

fin algoritmo

19. Desarrollar un Algoritmo que permita el ingreso de dos valores X1 y X2 donde indique si el resultado de dividir la suma de los números entre la resta de X1 – X2 es exacta.

algoritmo p19

Escribir "dame numero";

Leer x1;

Escribir "dame numero";

Leer x2;

xs <- x1+ x2

xr <- x1 - x2

Si xs MOD xr = 0 Entonces

Escribir " la division es exacta"

Sino

Escribir " la division no es exacta"

Fin Si

fin algoritmo

20. Desarrollar un Algoritmo que permita el ingreso de 3 números Num1, Num2, Num3 e indicar si la suma de los 3 números es par o impar.

algoritmo p20

Leer num1, num2, num3

num <- num1 + num2 + num3

Si num mod 2 =0 Entonces

Escribir "El numero es par";

Sino

Escribir "El numero es impar";

FinSi

FinAlgoritmo

21. Desarrollar un Algoritmo que permita leer 3 valores diferentes e indique cual es el mayor de ellos, el menor o si son iguales

Proceso mayormenorigual

Escribir "dame numero";

Leer A;

Escribir "dame numero";

Leer B;

Escribir "dame numero";

Leer C;

Si A>B Y A>C Entonces

Escribir "el mayor es:", A

Sino

Si B>A Y B>C Entonces

Escribir "el mayor es:", B

Sino

Si C>A Y C>B Entonces

Escribir "el mayor es:", C

Sino

Escribir "son iguales";

FinSi

Si A<B Y A<C Entonces

Escribir "el menor es:", A

Sino

Si B<A Y B<C Entonces

Escribir "el menor es:", B

Sino

Si C<A Y C<B Entonces

Escribir "el menor es:", C

Sino

Escribir "Son iguales";

FinSi

FinProceso

22. Desarrollar un Algoritmo que permita leer 3 valores X1, X2, X3 e indicar si alguno de ellos divide a los otros dos exactamente.

Proceso p22

Escribir "dame numero";

Leer x1;

Escribir "dame numero";

Leer x2;

Escribir "dame numero";

Leer x3;

Si x1 MOD x2 = 0 Y x1 MOD x3 = 0 Entonces

Escribir x1 " es divisor de", x2 " y " x3

Sino

Si x2 MOD x1 = 0 Y x2 MOD x3 = 0 Entonces

Escribir x2 " es divisor de", x1 " y " x3

Sino

Si x3 MOD x1 = 0 Y x3 MOD x2 = 0 Entonces

Escribir x3 " es divisor de", x1 " y " x2

Sino

Escribir "ninguno es divisor de los otros 2 numeros";

FinSi

FinProceso

jueves, 5 de mayo de 2016

[fecha de publicación: 2016-04-28]

SWITCH

La sentencia switch evalúa una expresión, comparando la expresión con un conjunto de valores predefinidoes, y ejecuta comandos según el caso.

SyntaxEDIT

switch (expresion) {

case valor1:

//Sentencias ejecutadas cuando el resultado de expresion coincide con valor1

[break;]

case valor2:

//Sentencias ejecutadas cuando el resultado de expresion coincide con valor2

[break;]

...

case valorN:

//Sentencias ejecutadas cuando el resultado de expresion coincide con valorN

[break;]

default:

//Sentencias_def ejecutadas cuando no ocurre una coincidencia con los anteriores casos

[break;]

}

expresion

Es una expresión que es comparada con el valor de cada instancia case.

case valorN

Es un valor a compar con la expresion.

sentenciasN

Son porciones de código que se ejecutarán únicamente en el caso que la expresión coincida con el valorN associado a la sección case.

sentencias_def

Son porciones de código que se ejecutarán si ningun valorN coincide con expresion.

DescripciónEDIT

Si ocurre una coincidencia, el programa ejecuta las sentencias asociadas correspondientes. Si la expresión coincide con múltiples entradas, la primera será la seleccionada, incluso si las mayúsculas son tenidas en cuenta.

¿Qué pasa si olvide un break?

Si olvidaste un break, el script se ejecutara desde donde se cumple la condición y seguirá ejecutándose independientemente si se cumple o no la condición.

TOMADO DE:

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/switch

ejemplo de clase:

var mes= prompt ("mes")

var anno= prompt("año")

meses = [ 'enero', 'febrero', 'marzo', 'abril', 'mayo', 'junio', 'julio', 'agosto', 'septiembre', 'octubre', 'noviembre', 'diciembre'];

switch (mes) {

case "1": case "3": case "5": case "7": case "8": case "10": case "12":

document.write(meses[mes +1] + "tiene 31 dias");

break;

case "2" :

if (anno % 4 ==0)

document.write(meses[mes +1] + "tiene 29 dias");

else

document.write(meses[mes +1] + "tiene 28 dias");

break;

case "4": case "6": case "9": case "11":

document.write(meses[mes +1] + "tiene 30 dias");

break;

default:

document.write("error, digite valores entre 1 y 12");

break;

</script>

CICLO FOR

Crea un bucle que consiste en tres expresiones opcionales, encerradas en paréntesis y separadas por puntos y comas, seguidas de una sentencia ejecutada en un bucle.

SintaxisEDIT

for ([expresion-inicial]; [condicion]; [expresion-final])sentencia

expresion-inicial

Una expresión (incluyendo las expresiones de asignación) o la declaración de variable. Típicamente se utiliza para usarse como variable contador. Esta expresión puede opcionalmente declarar nuevas variables con la palabra clave var. Estas variables no son locales del bucle, es decir, están en el mismo alcance en el que está el bucle for. El resultado de esta expresión es descartado.

condicion

Una expresión para ser evaluada antes de cada iteración del bucle. Si esta expresión se evalúa como verdadera, se ejecuta sentencia. Esta comprobación condicional es opcional. Si se omite, la condición siempre se evalúa como verdadera. Si la expresión se evalúa como falsa, la ejecución salta a la primera expresión que sigue al constructor de for.

expresion-final

Una expresión para ser evaluada al final de cada iteración del bucle. Esto ocurre antes de la siguiente evaluación de la condicion. Generalmente se usa para actualizar o incrementar la variable contador.

sentencia

Una sentencia que se ejecuta mientras la condición se evalúa como verdadera. Para ejecutar múltiples sentencias dentro del bucle, utilice una sentencia block ({ ... }) para agrupar aquellas sentecias.

Ejemplos

Ejemplo: Usando for

La siguiente sentencia for comienza mediante la declaración de la variable i y se inicializa a 0. Comprueba que i es menor que nueve, realiza las dos sentencias con éxito e incrementa i en 1 después de cada pase del bucle.

for (var i = 0; i < 9; i++) {

n += i;

mifuncion(n);

}

WHILE

Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Dicha condición es evaluada antes de ejecutar la sentencia

SintaxisEDIT

while (condicion)

sentencia

condicion

Una expresión que se evalúa antes de cada paso del bucle. Si esta condición se evalúa como verdadera, se ejecuta sentencia. Cunado la condición se evalúa como false, la ejecución continúa con la sentecia posterior al bucle while.

sentencia

Una sentecia que se ejecuta mientras la condición se evalúa como verdadera. Para ejecutar múltiples sentencias dentro de un bucle, utiliza una sentencia block ({ ... }) para agrupar esas sentencias.

EjemplosEDIT

El siguiente bucle while itera mientras n es menor que tres.

n = 0;

x = 0;

while (n < 3) {

n ++;

x += n;

}

Cada interación, el bucle incrementa n y la añade a x. Por lo tanto, x y n toman los siguientes valores:

Después del primer pase: n = 1 y x = 1

Después del segundo pase: n = 2 y x = 3

Después del tercer pase: n = 3 y x = 6

Después de completar el tercer pase, la condición n < 3 no será verdadera más tiempo, por lo que el bucle terminará.

Tomado de:

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Sentencias/for