Ir al contenido principal

Entradas

Ejemplo de formulario funcional

He creado una web que contiene un pequeño formulario para que podáis probar el ejemplo propuesto. Podéis acceder en http://skytablogs.comlu.com . La página consta de un formulario con los campos destino, nombre, edad y experiencia. En el campo destino poned vuestro mail (o el mail al que queráis enviar la información) y los datos.  Así podréis ver de manera práctica los resultados. Os dejo el código de la página del formulario y de la página en PHP. index.html <form action="http://skytablogs.comlu.com/send.php" method="post"> Destino: <input type = "text" name = "destino"><br> Nombre:  <input type="text" name="nombre"><br> Edad:  <input type="text" name="edad" size = "4"><br> <textarea name ="exp">Experiencia</textarea><br> <input type="submit" value="enviar datos"> </form> ...
Entradas recientes

Formulario de contacto PHP

Ya hemos visto como hacer formularios en HTML, sin embargo, si queremos que estos sirvan para contactar con nosotros (enviandonos un mail de forma automatica) deberemos crear una segunda pagina que contenga el código en PHP para hacer ésto. Primero veamos de nuevo el código de nuestro formulario en HTML. <form action="pagina2.php" method="post"> Nombre:  <input name="nombre" type="text" /><br /> Edad: &nbsp; &nbsp; &nbsp;<input name="edad" size="4" type="text" /><br /> <textarea name="exp" style="height: 47px; margin: 2px; width: 209px;">Experiencia</textarea><br /> <input type="submit" value="enviar datos" /> </form> Ahora expliquemos el código línea por línea: action = " pagina2.php " nos indica en que página estará el código que nos enviara el mail. method = " post ...

Conceptos básicos sobre PHP

Ahora que ya sabemos un poco de HTML y Javascript es hora de introducir unos conceptos básicos sobre PHP. Primero de todo veremos (tal y como hicimos con javascript) un "hola mundo", pero esta vez en PHP. Para introducir un código en PHP dentro de nuestra web lo haremos entre los signos <?php para la apertura del código y ?> para indicar que es el fin, como si de una etiqueda de HTML se tratase. Aquí tenemos un ejemplo más claro de cómo se hace esto: <html> <head></head> <body> <?php echo "Hola mundo"; ?> </body> </html> Realmente no es un código que nos vaya a ser útil todavía, pero podemos ver como, dentro de la estructura de HTML instertamos el código en PHP. El resultado de ejecutar el código anterior simplemente seria una pagina web en la que pondría: Hola mundo El  comando echo  simplemente imprime por pantalla lo que haya a continuacion, que no se diferenciaría en nada de hacer lo sigu...

Primeros pasos para crear una pequeña web

Ahora que tenemos unos conocimientos basicos tanto de html como de javascript, podemos hacer una pequeña web con un proposito concreto. Haremos un ejemplo ficticio en el que hacemos una página para una protectora de animales, de forma que la gente podrá enviar solicitudes fácilmente para ayudar como voluntarios. Para diseñarla primero debemos seguir unos pasos: Definir el propósito de nuestra web: Esta pequeña web estará orientada a que la gente pueda contactar con nosotros fácilmente a la vez que demos la información necesaria de una forma clara. Definir cual sera el contenido: Contendrá una parte de información y un formulario de contacto. La información que proporcionaremos a los voluntarios potenciales será el lugar en el que pueden ayudar y los horarios de asistencia así como información sobre los trabajos que desarrollaran a lo largo de esas horas. En el formulario pediremos el nombre del voluntario, su edad y la experiencia. Decidir cómo la presentaremos: Ésta p...

Estructura while en JavaScript

Esta estructura tiene similitudes con la estructura if , el rasgo distintivo que tiene es que la estructura tiene la capacidad de repetirse una y otra vez mientras queramos. Empecemos de nuevo por lo general: while (condición) { comandos } Lo que el comando while dice es que mientras la condición se cumpla los comandos se ejecutaran una y otra vez. Ahora veamos qué tiene de útil esto, vamos a hacer un programa que nos escriba los diez primeros números de la tabla del 13 por pantalla: var resultado, multiplicador; x=0; multiplicador=0; while (multiplicador<10) { resultado=multiplicador * 13; document.write(multiplicador+"x13="+resultado); document.write(' '); multiplicador=multiplicador+1; } while (multiplicador<10) multiplicador=multiplicador+1; Las líneas clave aquí son estas dos, como podemos ver en el código los comandos dentro del bucle while se van repitiendo una y otra vez siempre que la variable multiplicador sea menor qu...

Estructura switch en JavaScript

La estructura switch nos sirve para cuando queremos que un programa haga algo muy concreto dependiendo del valor que tenga una variable. La estructura general es la siguiente:   switch ( variable ) { case X : comandos break; case Y : comandos break; case Z : comandos break; default: comandos break; } Y ahora veamos un ejemplo de un programa en el que podamos usar la estructura switch, por ejemplo, queremos que al insertar un número del 1 al 5 el programa nos lo escriba con letras: var numero; numero=prompt('Inserte un número del 1 al 5',''); numero=parseInt(numero); switch (numero) { case 1: alert('uno'); break; case 2: alert('dos'); break; case 3: alert('tres'); break; case 4: alert('cuatro'); break; case 5: alert('cinco'); break; default: alert('El número debe estar entre el 1 y el 5!'); break; } Lo que la estructura switch hace es comparar la variable numero con cada caso que nosot...

Estructuras condicionales compuestas y anidadas en JavaScript

Una vez hemos aprendido cómo funcionan las estructuras condicionales simples es muy fácil aprender el funcionamiento de las estructuras condicionales compuestas. De nuevo, veamos un ejemplo de cómo es su estructura general: if (condición) { comandos }   else   {   comandos   } La primera parte de la estructura la conocemos ya, lo único que vemos de nuevo es else . Lo que else marca es que en caso de que no se cumpla la condición se ejecuten otra serie de comandos distinta. Veamos un ejemplo de cómo usarlo: Crea un programa en el que se inserten dos números y él elija cual es el mayor de los dos: var primero; var segundo; numero1=prompt('Inserta el primer numero',''); numero2=prompt('Inserta el segundo numero,''); if (numero1>numero2) { alert(numero1+" es mayor que "+numero2); } else { alert(numero2+" es mayor que "+numero1); } El programa nos dirá si el primer número es mayor que el segundo, en caso de que...