Html, PhP y MySql
1
INTRODUCCIÓN A PHP Profesora: Silvia Margarita Marín Celular: 311 302 11 50 Correo: smmarinp@gmail.com
Fuente:
Cibergrafía recomendada: www.webestilo.com
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
2
ACTIVIDAD #1. Realizar pruebas básicas 1. Ejecutar Easyphp: Inicio / Programas / EasyPhp. Espere a que los servidores de Apache y MySql estén iniciados (semáforo en luz verde).
2. Abrir notepad o su IDE de desarrollo para elaborar el código. 3. Digite el código. <? phpinfo(); ?> 4. Guardar los archivos en la dirección donde esta instalado Easyphp, por ejemplo en : C:\Archivos de programa\EasyPHP1-8\www\Creación de un Portal Web Indicando en su orden: disco duro C: La Instalación de EasyPHP1-8 se realizó en la carpeta Archivos de programas Abrir la carpeta www que donde se alojaran las pagina del proyecto Crear la carpeta que contendrá las páginas de php: Creación de un Portal Web Asigne el nombre del archivo y su extensión 1_prueba.php En Guardar como archivos de tipo seleccione Todos los archivos (*.*).
5. Ejecute la página: Clic en el botón de ejecución de Easyphp Clic en la opción Web Local: se abrirá la ventana del explorador mostrando la carpeta del proyecto que creamos en www..
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
3
Abrir la carpeta del proyecto, desde aquí ejecute siempre sus paginas.
Doble clic en el archivo que quiere ejecutar, por ejemplo a 1_prueba.php Muestra el resultado en su navegador predeterminado de su máquina
Quiere decir que esta funcionando todo muy bien ¡Felicitaciones¡ ya realizó su primera prueba. APUNTES... Comentarios: // para una sola línea, independiente de la línea del código o al final de ella. /* .... */ para varias líneas de código Php
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
4
VARIABLES Y CONSTANTES Variables: Php reconoce la diferencia entre mayúsculas y minúsculas Para representarlas $. $mivariable = 12 $otravariable = “cadena de texto” Php no requiere especificar el tipo de variable Para mostrar variables en la pantalla: echo() o print(). ACTIVIDAD #2. Manejo básico de variables Digitar el código y guardarlo como 2_variables.php
Ejecute:
Modifique el código cambiando los valores de las variables y adicionando las siguiente instrucciones:
Abrir un nuevo archivo y guardarlo como 3_prueba.php
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
5
Observe que echo() y print() realizan lo mismo. La diferencia de letra es por las etiquetas <B><H1>. Muévalas al final, antes de cerrar el código php y observe los efectos. Constantes La diferencia con las variables es que las constantes toman un valor fijo y no van a cambiar durante la ejecución de la página. Y la variable si. Las constantes se definen por medio de la instrucción define. Define(“nombre_constante”,”valor_constante”) Por ejemplo:
OPERADORES Se utilizan para realizar operaciones con las variables y las constantes. Existen operadores: aritméticos, de comparación, lógicos, de unión de cadenas y de asignación. Operadores Aritméticos: suma, resta, multiplicación, división, módulo, incremento y decremento.
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
6
Adicione estas instrucciones: echo ($resta); $modulo = $euro5 % $euro10; echo($modulo); $a = 14; echo($a+3); echo($a-7); Operadores de comparación: igual que (==), idéntico (===), diferente (!=), menor que (<), mayor que(>), menor o igual que (<=) y mayor o igual que (>=).
EJERCICIOS BASICOS DE PHP
<!-- basico2.php Ejecutando Php--> <html> <head> <title>Ejemplo de PHP</title> </head> <body> Parte de HTML normal. <BR><BR> <?php echo "Básico de PHP<br>"; for($i=0;$i<10;$i++) { echo "Linea ".$i."<br>"; } ?> </body></html>
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
7
<!-- form1.php Manejo de formularios--> <html><head> <title>simma: php </title></head> <body> <H1>Ejemplo de formularios</H1> Digite su nombre: <FORM ACTION="form1a.php" METHOD="GET"> <INPUT TYPE="text" NAME="nombre"><BR> <INPUT TYPE="submit" VALUE="Enviar"> </FORM> </body> </html>
<!-- form1a.php recibe datos de form1.php --> <html> <head> <title>simma: PHP recibe datos</title> </head> <body> <H1>Datos del cliente</H1> El nombre registrado es: <?php echo $_GET['nombre'] ?> <br> </body> </html>
Con el método get se observa el encabezado de la barra de direcciones: http://localhost/ventasimma/form1a.php?nombre=Silvia+Margarita+Mar%EDn Para cambiar al método post: En el archivo form1.php (el que captura datos) <FORM ACTION="form1a.php" METHOD="POST"> Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
8
En el archivo form1a.php (el que recibe los datos) El nombre registrado es: <?php echo $_POST['nombre'] ?> Ya no se observan en la barra de direcciones los datos del cliente http://localhost/ventasimma/form1a.php En versiones anteriores a 4.2.0 PHP creaba una variable por cada elemento del FORM, esta variable creada tenía el mismo nombre que el cuadro de texto de la página anterior y el valor que habíamos introducido. Pero por razones de seguridad a partir de entonces para acceder a las variables del formulario hay que usar el array de parámetros $_POST[] o $_GET[] dependiendo del método usado para enviar los parámetros. La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página, mientras que el método GET envía los datos usando la URL, el método POST los envía por la entrada estándar STDIO. <!-- form2a.php Manejo de formularios--> <html> <head><title>simma: metodo get</title></head> <body> <H1> captura de datos </H1> <FORM ACTION="form1a.phP" METHOD="POST"> Nombre:<INPUT TYPE="text" NAME="nombre"><BR> Teléfono<INPUT TYPE="text" NAME="tel"><BR> Ciudad donde vive<br> Medellín <INPUT TYPE="radio" NAME="ciu" value="Medellin" > Bogota <INPUT TYPE="radio" NAME="ciu" value="Bogota" checked><BR> <INPUT TYPE="submit" VALUE="Enviar" > </FORM> </body> </html>
<!-- form1a.php recibe datos de form1.php --> <html> <head> <title>simma: PHP recibe datos</title> </head> <body font text ="red"> <H1>Datos del cliente</H1> <center><table bgcolor="beige"border="2"> <tr><td>El nombre registrado es:</td><td> <?php echo $_POST['nombre'],"</td></tr> <tr><td>Su número telefónico es:</td><td>", $_POST['tel'],"</td></tr> <tr><td>La ciudad donde vive es: </td></td><td>", $_POST['ciu'] ?> </td></tr> Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
9
</table></center></font> <a href ="/ventasimma/form2a.php">Regresar al formulario</a> </body></html>
ACTIVIDAD EXTRACLASE Ejercicio. Manejo básico de html con EasyPHP 6. Ejecutar Easyphp: Inicio / Programas / EasyPhp. Espere a que los servidores de Apache y MySql estén iniciados.
7. Abrir notepad o su IDE de desarrollo para elaborar el código. Digitar el código de la página index.php <html> <head> <title>SIMMA ayudas pedagógicas</title> </head> </html> 8. Guardar en la dirección: C:\Archivos de programa\EasyPHP1-8\www\ventasimma Indicando en su orden: disco duro C: La Instalación de EasyPHP1-8 se realizó en la carpeta Archivos de programas, en la carpeta EasyPhp1-8. Crear la carpeta que contendrá las páginas de php, de su proyecto: ventassimma dentro de la carpeta de ejecución de proyectos para php que es www. Asigne el nombre del archivo: index.php. 9. Ejecute la página: Clic en el botón de ejecución de Easyphp Clic en la opción Web Local: se abrirá la ventana del explorador mostrando la carpeta del proyecto que creamos en www. Abrir la carpeta para mi ejemplo ventasimma
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
10
Observe la barra del título que es la misma que se definió en la etiqueta <title>.
En la barra de dirección aparece http://localhost/ventasimma/index.php indicando la ejecución del servidor local Después de /ventasimma/digite el nombre del archivo y su extensión cuando lo quiera ejecutar. Por ejemplo http://127.0.0.1/ventasimma/index.php 10. Las imágenes que utilice en su proyecto deben de estar guardadas en: C:\Archivos de programa\EasyPHP1-8\www\ventasimma\imágenes 11. Modifique el código de su página con las siguientes características: <!—index.php ejercicio básico para manejo de etiquetas html--> <html> <head><title>SIMMA ayudas pedagógicas</title></head> <!--Manejo Configurar página: aplique color de:bgcolor (página); text(texto); link (hipervinculo); vlink (links visitados); color de línea --> <body bgcolor ="pink" text = "grey" link ="lightred" vlink ="brown" bordercolor = "orange"> <!-- Manejo de texto: centrar, fuente, tamaño--> <center><font face ="georgia" size = "+3">Silvia Margarita Marín</font></center> <!-- Manejo de imágenes: debe ir la ruta de la imagen; alineacion; ancho; alto comentario del link; estilo de línea, color de línea--> <img src = "/ventasimma/imagenes/logoeasy.gif" align = "right" width = "180" height = "80" alt ="Este es el logo de easyphp" border ="3"> <br> <br> <br> <!-- Manejo de enlaces: referencia el texto a la página goldvision --> <a href="http://www.goldvision.com/us/en/manuals/phpes/index.html" target="parent"> Tutorial de PhP</a> <br> <br> <br> <a href="./menuppal.php" >Clic para ir a página principal <img src="/ventasimma/imagenes/non.jpg"></a> </body> </html>
Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
11
<!—menuppal.php esta página recibe datos o referencias de index.php--> <html> <head><title>SIMMA ayudas pedagógicas ... Página Principal</title></head> <body bgcolor="lightyellow"> <font color ="orange" size ="4"><p>"Aún el más profundo conocimiento de las verdades divinas y la más pura inteligencia en el mundo de lo invisible permanecerán sin valor alguno. Cuando falte el amor de cada día. El amor que siempre es sincero, comprensivo, paciente... (I Cor 13, 1-7)" </p></font> <img src="/ventasimma/imagenes/non.jpg" align ="center"> </body> </html> 12. Resultado de las páginas ejecutadas en el navegador.
13. Para terminar detener Easyphp y luego salir. Nunca cerrar los servidores del botón Cerrar.
Ejercicio #2. Manejo de Formularios. Etiquetas para la captura de datos El siguiente código documenta alguna de las funciones de las etiquetas utilizadas. Analice su función y cambie el diseño del formulario de acuerdo a su proyecto. <!-- For_Captura_Cliente.php Manejo de Formulario--> <html> <head><title>Formulario: Captura de datos</title></head> <body bgcolor ="beige"> <!-- Manejo etiquetas de captura de datos: <input> <textarea> <select>--> <!-- Manejo de tablas: tabla <table> </table>; filas <tr> </tr>; columnas <td> </td>; border ="estilo"; width ="ancho"; heigth ="alto"; cellspacing ="espacio entre texto y borde"; Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
12
colspan ="número de columnas a combinar"; rowspan ="número de filas a combinar"-> <form name ="formcliente" method ="post" action = " "> <center> <table width="400" height="200" border="1" bordercolor="purpure" cellspacing = "8"> <tr><td colspan = "2"><font color ="brown" size = "+2" ><div align = "center"> <img src ="/ventasimma/imagenes/w1.gif" width="40" height="40" align="right"> <b>Registro de Clientes</b></font></tr> <tr><td width="43%"><font color="brown" size="3"><div align="right">Identificación</td> <td><font color ="brown" size ="1"> C.C <input type ="radio" name="rcc" value="cedula" checked> T.I <input type ="radio" name="rti" value="tarident"> NIT <input type ="radio" name="rnit" value="nit"></font> <input type="text" name="txtid" font color="brown" size="15"></font></td></tr> <tr><td><font color="brown" size="3"><div align= "right">Nombre:</td> <td><input type="text" name="txtnombre" size="25"></td></tr> <tr><td><font color="brown" size="3"><div align="right">Teléfono: </td> <td><input type="text" name="txttel" size="10"></td></tr> <tr><td><font color="brown" size="3"><div align= "right">Correo electrónico:</td> <td><input type="text" name="txtcorreo" size=30"></td></tr> <tr><td><font color="brown" size="3"><div align= "right">Sexo: </td> <td><font color ="brown" size ="1"> Femenino <input type ="radio" name="sexf" value="femenino"> Masculino <input type ="radio" name="sexm" value="masculino"></td></tr> <tr><td><font color="brown" size="3"><div align= "right">Municipio: </td> <!--para select size="3" multiple, varias opciones usar shift o control--> <td><select name ="selmun"> <option value="itagui">Itagui</option> <option value="caldas">Caldas</option> <option value="sabaneta">Sabaneta</option> <option value="medellin" selected>Medellín</option> </select></td></tr> <tr><td><font color="brown" size="3"><div align= "right">Segundo Idioma:</td> <td><font color ="brown" size ="2"> Inglés <input type ="checkbox" name="iin" value="ingles" checked> Frances<input type ="checkbox" name="ifr" value="frances"> Otro <input type ="checkbox" name="iot" value="otro"></font></td></tr> <tr><td colspan="2"><font color="brown" size="3"><div align="center">Comentarios: &nbsp<br></font> <textarea name="txtcomen" cols="38" rows="1" size="3"></textarea></td> <!--cada vez que se envie este formulario estará registrado a simma--> <tr height ="38"><td><div align= "center"> <input type="reset" name"refrescar" value="Borrar datos"> <td><div align= "center"> <input type="submit" name"enviarform" value="Clic para Enviar..."> <input type="hidden" name="registro" value="simma"></td></tr> </table> </center> </form> </body></html> En la siguiente página se muestra el formulario terminado.
Formulario para la captura de datos. Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
13
CONCEPTOS BÁSICOS DE JAVASCRIPT Es un lenguaje basado en objetos para el desarrollo de aplicaciones cliente-servidor a través de Internet. Con plugin de Java, capaz de interpretar sentencias JavaScript embebidas en programas CGI. Verifica la información registrada por el usuario sin la transmisión por la red. Comparación entre JavaScript y Java JavaScript Java Interpretado en el Cliente. Compilado en el Servidor antes de ejecución en el Cliente. Basado en Objetos . El código usa Orientado a Objetos. El código consiste de objetos incorporados del sistema, pero clases con herencia, permitiendo crear objetos no provee creación de clases o herencia. y crear jerarquías. Código embebido en HTML. Applets referenciadas desde HTML. Variables y tipos de main se declaran. Variables y tipos de main no se declaran. Enlazado dinámico. Referencias a Enlazado estático. Referencias a objetos se Elaborado por Silvia Margarita Marín Comentarios: smmarinp@gmail.com
Html, PhP y MySql
14
objetos se validan en tiempo de validan en tiempo de compilación ejecución. . Ninguno puede escribir a archivos en disco. JavaScript puede ser embebido en un documento HTML de dos maneras: Como funciones y sentencias usando el elemento < SCRIPT >. Como manejadores de eventos usando atributos manejadores en HTML. JavaScript es un leguaje de secuencia de comandos, instrucciones escritas para que sean ejecutadas por un interprete. JavaScript NO ES JAVA, son dos lenguajes totalmente diferentes y sus únicas similitudes están es en el nombre y que su sintaxis que se basa en C. JavaScript fue diseñador por Netscape bajo en nombre de LiveScript en la versión 2. en el año de 1995, se renombra a JavaScript para aprovecharse del boom del momento de Java. Hay muchas versiones de JavaScript, el estándar que las regula es ECMAScript, y todos los navegadores utilizan este estándar para la implementación del interprete de JavaScript. JavaScript se ha convertido en el lenguaje más utilizado para el desarrollo de paginas web al lado del cliente, por ser sencillo, poderoso y útil, sin necesidad de código extenso y la carga pesada de las paginas. Usos de JavaScript Scripts al lado del cliente, desarrollo de páginas Web. WSH (Windows Script Host), Tecnología de Microsoft, evolución de los archivos .BAT Scripts al lado del servidor, secuencias de comandos que se ejecutan en el servidor web. Virus informativos, para replicarse por paginas web y correos electrónicos. <script language='javascript'> alert("2" + 2);</script> el resultado es: 22 conversión de expresiones a caracteres y luego concatena. <Script languaje=’javascript’> var edad = 15; nombre = “isa”; </Script> Variables. Una variable es como un contenedor de información. Tipos: números, cadenas, fechas, datos booleanos, objetos. Una variable puede cambiar de tipo de dato, sin afectar la ejecución del programa. "var", equivalente a "dim" en Visual Basic, <script language='javascript'> alert ("Usando JavaScript"); alert(348); </script> Literales. Los literales son información que aparece directamente en el código, ya sea una cadena, una fecha o un número. Por ejemplo “usando JavaScript” y 348.
Operadores básicos Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql Operador + * /
Significado Suma Resta Multiplicación División Modulo (Resto)
Ejemplo x=y+3 x=y-8 x=x*6 x=8/7
Resultado x es el valor de y más 3 x es el valor de y menos 8 se multiplica a x por 6 x es el resultado de la división de 8 y 7
x = 24 % 5
x contiene el residuo de la división de 24 y 5
& &&
Y lógico
x=y&v
| ||
O lógico
x=y|v
! ++ -= ==
No lógico Incremento Decremento Asignación Igualdad
x = !y x++ x-x=3 x==y
!=
Desigualdad
x!=y
>
Mayor que
x>5
<
Menor que
x<6
%
>= <=
Mayor o igual x>=8 que Menor o igual x<=4 que
15
x contiene verdadero o falso según la evaluación de la expresión x contiene verdadero o falso según la evaluación de la expresión x es la negación de y. x es el valor de x incrementado en uno. x es el valor de x disminuido en uno. x se le asigna el valor de 3 verdadero si x es igual a y de lo contrario es falso verdadero si x es diferente a y de lo contrario es falso verdadero si x es mayor a 5 de lo contrario es falso verdadero si x es menor a 6 de lo contrario es falso verdadero si x es mayor o igual a 8 de lo contrario es falso verdadero si x es menor o igual a 4 de lo contrario es falso
Tipos de datos: Primitivos y compuestos: Tipos de datos primitivos. son números, cadenas, lógicos, no definidos y nulos. Números: Son los números reales, en JavaScript no se manejan números enteros. Cadenas: Una cadena es un texto, con comillas dobles (") o comillas sencillas ('). Lógicos: no las represtaciones de los valores verdadero o falso. No definidos: el tipo de datos no definido se utiliza para las variables y propiedades de objetos que no existen o no se les ha dado algún valor. Nulos: indican un valor vació o inexistente. Tipos de datos compuestos. Son formados a través de datos simples agrupados en un objeto para formar un datos compuesto, son básicamente de dos tipos: los objetos y los vectores. Objetos: Es una colección o agrupación de datos primitivos o compuestos, incluyendo funciones u otros objetos, sus miembros son propiedades y sus funciones se llaman métodos. Vector: Son una lista que puede contener cualquier tipo de información y se accede a través de ella con un índice. Control de flujo. El control de flujo permite a los programas bifurcarse o repetir tareas, y esto es fundamental al momento de realizar programas, ya que rara ves un programa es lineal, y al contrario, según ciertas condiciones se debe tomar caminos diferentes o repetir Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
16
tareas; el control de flujo se puede dividir en dos: instrucciones de selección o instrucciones de repetición. Instrucciones de Selección. Permiten según una condición dada determinar si se hace o no una labor. Son if y el switch, la primera permite hacer una selección simple, en cambio la segunda una selección múltiple. Instruccion de repetión. Los ciclos o bucles se utilizan para realizar tareas repetitivas, en JavaScript hay tres tipos de ciclos, los cuales son while, for, do-while. Los CGI son aplicaciones que se ejecutan en el servidor y que retornan como salida una pagina web, los CGI dieron dinamismo a la web, pero para el servidor traían un alto costo por el hecho de ser aplicaciones. Las tecnologías que pudiera, Para solucionar este problema se desarrollo la tecnología SSS (Server Side Script) la cual permitía correr script al lado del servidor, ejecuta dinámicamente peticiones y retornar la respuesta de una manera fácil y efectiva. Dinamizo la creación de aplicaciones web y un fácil mantenimiento, a esta serie de tecnologías pertenece el ASP, Perl y PHP. Ejemplo #3. Script con funciones: la función recibe una variable y obtiene su cuadrado. <!-- basicoJscrip.php Fundamentos de Javascript El navegador predeterminado Internet Explorer--> <html> <head><title>Básico de JavaScript</title></head> <body> <SCRIPT LANGUAJE="JavaScript"> document.write("Prueba del navegador","<br>","<br>"); <!-- Manejo de Funciones:--> function multiplicar(i) { document.write("Valor de la variable i es: ",i,"<br>"); return i*i; } document.write("La función multiplicar retorna el valor (i*i): ", + multiplicar(4)); </SCRIPT> </body> </html> Ejercicio #4: Funciones y botones de alerta <!-- funcionjs2.php Manejo de Funciones: La funciones dentro del head, su ejecución es mas rápida --> <html> <head> <!— Los eventos no requieren estar dentro de los script--> <INPUT TYPE="button" VALUE="Botones para mensajes..."; onClick="alert('Este es un ejemplo de manejo de botones, presione Aceptar para continuar')"> <SCRIPT> function linea() <!--Línea de división <hr> y una de *, se usa "para valores de atributos " y 'delimitar literales' --> { document.write("<hr align='left' width=45%>"); Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
17
document.write("<align='left'>","*****************************"); } function frase(mensaje1,tamano,mensaje2) <!-- la función tiene tres variables, para mostrar mensajes --> { document.write("<H" + tamano+ ">" + mensaje1 + "</H" + tamano + ">"); document.write("<H" + tamano+ ">" + mensaje2 + "</H" + tamano + ">"); } </SCRIPT> </head> <BODY> <SCRIPT> <!-- llamar las funciones en el orden deseado, tener en cuenta las variables definidas --> linea(); frase("Silvia Margarita",1,"Conceptos Básicos"); linea(); frase("JavaScript",2,"Manejo de Funciones"); linea(); </SCRIPT> </BODY></html> Ejecución:
function linea() <!--Línea de división <hr> y una de *, se usa "para valores de atributos " y 'delimitar literales' --> { document.write("<hr align='left' width=45%>"); document.write("<align='left'>","*****************************"); } function frase(mensaje1,tamano,mensaje2) <!-- la función tiene tres variables, para mostrar mensajes --> { document.write("<H" + tamano+ ">" + mensaje1 + "</H" + tamano + ">"); document.write("<H" + tamano+ ">" + mensaje2 + "</H" + tamano + ">"); } </SCRIPT> </head> <BODY> <SCRIPT> <!-- llamar las funciones en el orden deseado, tener en cuenta las variables definidas --> linea(); frase("Silvia Margarita",1,"Conceptos Básicos"); Elaborado por Silvia Margarita Marín Comentarios: smmarinp@gmail.com
Html, PhP y MySql
18
linea(); frase("JavaScript",2,"Manejo de Funciones"); linea(); </SCRIPT> </BODY></html> forInscripcion <HTML><HEAD> <TITLE>Formulario de entrada de datos</TITLE> <script LANGUAGE="JavaScript"> <!-var conta=0; function Esnumero(cad) { var val=true; //alert("entro numero"); if((cad>0)||(cad<999999999999)) {//no hace nada } else{ alert("debe escribir un valor numerico \n entre 0 y 999,999,999,999"); val=false; } return val; } function EsLetra(car) { var AbcdarioMin= "abcdefghijklmnñopqrstuvwxyzáéíóú"; var valor=true; //alert("car= "+car); conta++; pru=AbcdarioMin.indexOf(car); //alert("pru= "+pru); if (AbcdarioMin.indexOf(car) == -1) { valor=false; } return valor; } function EsAlfabetico(cadena) { var val=false; //alert("entro alfabetico"); for (var i=0;i<cadena.length;i++) { var ch=cadena.charAt(i); //alert("ch= "+ch); val=EsLetra(ch); if (val== false) { alert("Por favor digite su nombre en minusculas. " +conta+ " "+ val); break; } } Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
19
conta=0; return val; } function Escorreo(cadena) { var Car_correo="@."; var arroba=0; var punto=0; var ch; var pru; var val=false; //Esta rutina no es mia, la adecuao para trabjar pero no se realmente como funciona. if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(cadena)) { //alert("La direcci贸n de email \n" + cadena + "\n es correcta."); val=true; } else{ alert("La direcci贸n de email es incorrecta."); val=false; } /* for (var i=0;i<cadena.length;i++) { ch=cadena.charAt(i); pru=Car_correo.indexOf(ch); //alert("pru= "+pru+ " ch= "+ch); if (pru==0) { arroba++; } if (pru==1) { punto++; } } if (arroba != 1) { alert("Por favor digite una direccion valida " +arroba +" Arroba"); val=false; } if ((punto < 1)||(punto>2)) { alert("Por favor digite uan direccion valida y completa" + punto+ " punto"); val=false; } */ return val; } function Esclave(cadena) { var cpas="'."; var val=false; var ch; Elaborado por Silvia Margarita Mar铆n Comentarios: smmarinp@gmail.com
Html, PhP y MySql
20
var pru; for (var i=0;i<cadena.length;i++) { ch=cadena.charAt(i); pru=cpas.indexOf(ch); //alert("pru= "+pru); if ((pru==0)||(pru==1)) { alert("Por favor No incluya punto (.) \n ni tildes (') en su clave. " + pru); val=false; break; } } return val; } //____________________________________________________________ function val_lon(obj,vtip,lmin,lmax) { var reto=true; //alert(obj.value + "\n"+ vtip + "\n"+ lmin + "\n"+ lmax); lcad=obj.value.length; //alert("lon cadena= "+ lcad ); cad=obj.value; //alert("cadena cad= "+ cad); if((lcad<lmin) || (lcad>lmax)) { alert("La longitud debe ser mayor a " +lmin+ "\n y menor a " +lmax+ "\n cantidad= "+lcad); reto=false; //alert(vtip + "\n+ lmin + "\n+ lmax ); return reto; } if(vtip==9) { //alert("Entro numero") reto=Esnumero(cad); } if (vtip=='a') { //alert("entro texto"); reto=EsAlfabetico(cad); } if (vtip=='e') { //alert("entro email"); reto=Escorreo(cad); } if (vtip=='p') { //alert("entro pass"); reto=Esclave(cad); } } Elaborado por Silvia Margarita MarĂn Comentarios: smmarinp@gmail.com
Html, PhP y MySql
21
</script><meta http-equiv="Content-Type" content="text/html; charset=iso-88591"></HEAD> <FORM ACTION="usuario.php" METHOD=POST> <input type="hidden" name="ver" value="v1.0"> <input type="hidden" name="archi" value="java.htm"> <IMG SRC="flags_tn_columb_prv.gif" align="left" BORDER=0> <CENTER><H1>BIENVENIDO A LA PAGINA DE PRUEBA DE JAVA SCRIPT</H1><BR></center> <body bgcolor="FFFFF0" BACKGROUND= "fondo.jpg" text="#990099" link="#6699CC" vlink="#33CCFF" alink="#00FFFF"> <hr><TABLE BORDER=1 ALIGN=CENTER> <TR> <TD> <IMG SRC="n4.gif" width="100" height="100" ALT="entrada" BORDER=0> </TD> <TD><p align="center"><font color="#990099">Ingrese sus datos<BR> </font><br> </p> <Table border=0><tr><td> Cedula :<BR> Usuario / Login:<BR> Correo / e-mail: <BR> Clave / Password: </TD><TD> <input type="text" name="ced" size="12" value="" maxlength="12" onChange="val_lon(this,9,6,12)"><BR> <input type="text" name="usu" size="20" value="" MAXLENGTH="50" onChange="val_lon(this,'a',6,50)"><BR> <input type="text" name="c_correo" size="20" value="" maxlength="40" onChange="val_lon(this,'e',8,40)"><BR> <INPUT TYPE=PASSWORD name="llave" size="20" value="" MAXLENGTH="20" onChange="val_lon(this,'p',6,20)"><BR> </TD></TR></table> </p></TD></TR></table> <br> <input type=submit value=Enviar name="enviar"> <input type=reset value=Borrar name=B2></p> </center> </from > <hr> Viernes, Octubre 1, 2004 9:49 AM </body> </html>
<!-- funcionjs.php Fundamentos de Javascript - Funciones--> <html> <head><title>Básico de JavaScript: Funciones</title> <SCRIPT LANGUAJE="JavaScript"> document.write("Manejo de Funciones básicas","<br>","<br>"); <!-- Manejo de Funciones:--> Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
22
function multiplicar(i) { document.write("Valor de la variable i es: ",i,"<br>"); return i*i; } document.write("La función multiplicar retorna el valor (i*i): ", + multiplicar(4)); </SCRIPT> </head> <body> <SCRIPT> multiplicar("ensayo",5"); </SCRIPT> </body> </html>
<!-- jsboton1.php manejo de una ventana emergente-> <html> <head><title>Conceptos básicos de JavaScript</title> <script language='JavaScript'> alert ("Usando JavaScript"); var edad = 15; if (edad==15) { alert("Usted tiene: " + edad + "años!"); } var a = 3; if (a==0) { alert("a es igual a cero"); } else { alert("a es diferente de cero"); } switch (a) { case 1: alert("a es igual a 1"); break; case 2: alert("a es igual a 2"); break; case 3: alert("a es igual a 3"); break; default: alert("a es diferente es 1,2,3"); break; } var a,b; Elaborado por Silvia Margarita Marín
Comentarios: smmarinp@gmail.com
Html, PhP y MySql
23
a=0; b= 0; while (a<10) { b++; a++; alert(b); } for(a=0;a<0;a++) { b++; alert(); } a= 0; do { b++; a++; alert(b); }while(a<10); </script> </head> <body> </body> </html> <!-- Ejemplo enviar y recibir datos entre paginas para recibefor5.php--> <html><head><title></title> </head> <body> <form action="recibefor6.php" method="post" name="for1"> <input type="hidden" name="version" value="V1.0"> <center><table> <tr><td>Nombre</td><td><input type="text" name="txtnombre" value="" size="10"></td></tr> <tr><td>Direcci贸n</td><td><input type="text" name="txtdir" value="" size="10"></td></tr> <tr><td>Telefono</td><td><input type="text" name="txttel" value="" size="10"></td></tr> <tr><td><input type="reset" name="borra" value="Limpiar.."></td><td><input type="submit" name="envia" value="enviar datos"></td></tr> </table></center></form></body></html> <!-- Ejemplo enviar y recibir datos entre paginas de entregafor5--> <html><head><title></title> </head> <body> <!--form action="" method="post"--> <input type="hidden" name="version" value="V1.0"> <center><table><tr><td> <?php extract($_POST); echo "$txtnombre <br>"; echo " $txtdir <br>"; echo " $txttel <br>"; ?> Elaborado por Silvia Margarita Mar铆n Comentarios: smmarinp@gmail.com
Html, PhP y MySql
24
<a href ="entregafor5.php" target="_self">Regresar</a> </table></center></body>/html> <html><body><table> <tr bgcolor="#FEE9FA"> <td width="285" height="23" align="center"><div align="right"><strong><font color="#800080"> su nombre es:</font></strong></div></td> <td width="219"><strong><font color="#0000FF" size="3"> <?php echo" $txtnombre"; ?> </font></strong></td> </tr></table></body></html> <html><body> <?php echo" bienvenidos"; $a=300; $b=10; $suma=$a+$b; echo "la suma es: $suma <br>, el valor de b es $b<br>, el valor de a es $a"; if($a<$b) {echo "a es mayor que b: <br> a es $a";} elseif($a==$b) {echo "son iguales a $a y b $b";} else {echo "a es menor que b: a es $a y b es: $b <br>" ;} ?></body></html>
Elaborado por Silvia Margarita MarĂn
Comentarios: smmarinp@gmail.com