Artículos
HTML

Poner título a una página web

Creado: 25/Abr/2009 Actualizado: 09/May/2024

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 porque los navegadores cargan en la barra principal el valor de la etiqueta title. La etiqueta TITLE tendremos que ponerla dentro de la cabecera de nuestra página HTML. Es decir, dentro de la sección HEAD.

Veamos cómo quedaría ese código:

<html>
<head>
<title>Este es el titulo de la pagina</title>
</head>

Código Fuente

Descárgate el código fuente de Poner título a una página web
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML
Artículos
Javascript

Controlar el envío de un formulario con JavaScript

Creado: 24/Abr/2009 Actualizado: 07/Jun/2020

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.

<form id="myform" action="enviar.php">
  <label for="comando">Comando: </label>
  <input type="text" id="comando"/><br />
  <button>Enviar formulario</button>
</form>

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.

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

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:

function enviar() {
  var formulario = document.getElementById("myform");
  var dato = formulario[0];

  if (dato.value=="enviar") {
    alert("Enviando el formulario");
    formulario.submit();
    return true;
  } else {
    alert("No se envía el formulario");
    return false;
  }
}

 

Código Fuente

Descárgate el código fuente de Controlar el envío de un formulario con JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Artículos
Java

Dibujar una figura con bucles

Creado: 23/Abr/2009 Actualizado: 08/Ene/2015

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.

 int total_filas = 7;
 int filas = total_filas; 
  
 while (filas > 0) {
    filas--;
 }           

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:

 int total_filas = 7;
 int filas = 0; 
  
 while (filas < total_filas) {
    filas++;
 }           

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

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java