jump to navigation

Poner título a una página web Abril 25, 2009

Publicado por lineadecodigo en : HTML , 5 comentarios

Cuando entramos mediante nuestro navegador a una página de Internet, este suele cargar en la barra principal el título de la página web. Pero, ¿de dónde obtiene el navegador dicho título?

Pues esto es muy sencillo y es que los navegadores cargan en la barra principal el valor de la etiqueta TITLE. La etiqueta TITLE tendremos que ponerla dentro dela cabecera de nuestra página HTML. Es decir, dentro de la sección HEAD.

Veamos como quedaría ese código:

  1.  
  4. title"><title>Este es el titulo de la pagina</title>
  5. </head>
  7. ...
  8. </body>
  9. </html>
  10.  
|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre HTML

Controlar el envío de un formulario con JavaScript Abril 24, 2009

Publicado por lineadecodigo en : JavaScript , 2 comentarios

Cuando creamos un formulario en HTML es posible que haya ciertas ocasiones en las cuales no nos interese que este no se envíe hasta que los datos cumplan unos requisitos o condiciones mínimas.

Para ello podemos controlar el envío de un formulario con JavaScript. Lo primero que haremos será crear el formulario.

  1.  
  2. <form id="myform" action="enviar.php">
  3. label"><label for="comando">Comandp: </label>
  4. <input type="text" id="comando"/>
  5. <button>Enviar formulario</button>
  6. </form>
  7.  

Vemos que este formulario se enviará a "enviar.php" cuando pulsemos sobre el botón.

Para interceptar el envío del formulario tenemos que controlar el evento onsubmit del formulario. Al evento onsubmit le asignaremos una función JavaScript que será la encargada de controlar el envío.

  1.  
  2. <form id="myform" action="enviar.php" onsubmit="return enviar();">
  3. </form>
  4.  

En nuestro código estamos asignándole la función enviar(). Es muy importante poner el return delante del nombre de la función, ya que dependiendo del valor que retorne la función se enviará o no el formulario.

Si la función retorna true, se envía el formulario. En caso de que se retorne false, el formulario no será enviado. Lo que queramos controlar dentro del formulario queda a nuestra elección. En nuestro caso estamos controlando que el valor introducido en el campo comando sea igual a "enviar".

De esta forma la función "enviar()" quedará de la siguiente forma:

  1.  
  2. function enviar(){
  3. 	var formulario = document.getElementById("myform");
  4. 	var dato = formulario[0];
  5.  
  6. 	if (dato.value=="enviar"){
  7. 		alert("Enviando el formulario");
  8. 		formulario.submit();
  9. 		return true;
  10. 	} else {
  11. 		alert("No se envía el formulario");
  12. 		return false;
  13. 	}
  14. }
  15.  
|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre JavaScript

Dibujar una figura con bucles Abril 23, 2009

Publicado por lineadecodigo en : Java , Hasta ahora 1 comentario

En el ejemplo Dibujando una figura nos explicaba como generar una figura por consola utilizando bucles while con el lenguaje Java.

La figura generada era la siguiente:

*
**
***
****
*****
******
*******

En uno de los comentarios nos preguntaban, cómo podíamos ampliar el código para poder dibujar una figura más elaborada. Nuevamente veremos como dibujar una figura con bucles en Java.

La figura en cuestión sería la siguiente:

*
**
***
****
*****
******
*******
********
*******
******
*****
****
***
**
*

Para poder acometer el diseño de la segunda figura, esta la dividimos en dos partes. En la primera se incrementarán el número de elementos por cada fila que añadimos, mientras que en la segunda se decrementaran el número de elementos en cada línea que añadamos.

Es por ello que, consecuentemente, tendremos un bucle que incrementará sus valores y otro que decrementará los valores.

Para controlar el número de filas a pintar tenemos la variable "total_filas". Es por ello que en el primer bucle iremos decrementando el valor del total hasta que llegue a cero. Para ello utilizaremos una segunda variable llamada filas.

  1.  
  2.  int total_filas = 7;
  3.  int filas = total_filas; 
  4.  
  5.  while (filas > 0) {
  6.     filas--;
  7.  }
  8.  

Para saber cuantos asteriscos poner en una fila realizaremos un sencillo cálculo que corresponde con restar del total el número de filas que nos quedan. Y sumaremos uno.

Así tendremos el siguiente cálculo:

Fila 1. filas_totales= 7 - filas=7 » 0 » *
Fila 2. filas_totales= 7 - filas=6 » 1 » **
Fila 3. filas_totales= 7 - filas=5 » 2 » ***
Fila 4. filas_totales= 7 - filas=4 » 3 » ****
...

Para pintar la segunda parte del bucle en vez de asignar a la variable "filas" el valor de "filas_total" le asignamos 0. De esta manera el contador lo iremos incrementando:

  1.  
  2.  int total_filas = 7;
  3.  int filas = 0; 
  4.  
  5.  while (filas < total_filas) {
  6.     filas++;
  7.  }
  8.  

Ojo: La variable de salida del bucle es "total_filas"

Para insertar los asteriscos realizaremos la misma operación. Como hemos cambiado el número de la variable "filas" tendremos la siguiente secuencia:

Fila 1. filas_totales= 7 - filas=0 » 7 » ******** (8 asteriscos)
Fila 2. filas_totales= 7 - filas=1 » 6 » *******
Fila 3. filas_totales= 7 - filas=2 » 5 » ******
Fila 4. filas_totales= 7 - filas=3 » 4 » *****
...

Una buena forma de aprender a manejar los bucles

|- Descargar el código
|- Reportar error en el código
|- Foro sobre Java Básico