Los codigos fundamentales para iniciarse en el uso y manejo de los formularios.

<html> <head> <Title>Busqueda de caracteres de texto en una página</Title> <script language="JavaScript"> var NS4 = (document.layers); var IE4 = (document.all); var win = window; // Con frames usar top.nombre.window; var n = 0; function BuscarPalabras(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; // No se encuentra en ninguna parte y envia un mensaje. if (n == 0) alert("Lo siento¡ El término solicitado no se encuentra en esta página, prueba con otra búsqueda."); } if (IE4) { txt = win.document.body.createTextRange(); // Encuentra la coinsidencia desde el inicio de pagina. for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } // Si lo encuentra, marca el resultado y mueve la barra de desplazamiento // para mostrarlo. if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } // De otra manera regresa al inicio de la página para buscar otra coinsidencia else { if (n > 0) { n = 0; BuscarPalabras(str); } // No se encuentra en ninguna parte envia un mensaje. else alert("Lo siento¡¡¡ El término solicitado no se encuentra en esta página, prueba con otra búsqueda."); } } return false; } </script> </head> <body> <form Name="search" onSubmit="return BuscarPalabras(this.string.value);"> <Font Size=2> <Input Name="string" Type=Text Size=15 onChange="n = 0;"> <Input Type="submit" Value="BUSCAR"> </Font> </form> Busca una de estas palabras: <p>Script ofrecido por cortesía de </p> <p> www.uterra.com </p> </body> </html>

Ver demostración

CÓDIGO 0454

Formulario validado.

Evita que envíe un formulario que no ha sido completado, o bien que no ha sido completado correctamente.

<!-- Elimina esta linea de texto al emplear el codigo <html> <head> <title>Formulario validado</title> <base href="http://www.javascript-coder.com/html-form/javascript-form-validation-example.html"> <link rel="STYLESHEET" type="text/css" href="/style/jsc.css"> <script language="JavaScript" src="gen_validatorv2.js" type="text/javascript"></script> </head> <body> <p>Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a>; <form action="" name="nombre-formulario" > <table cellspacing="2" cellpadding="2" border="0"> <tr> <td align="right">Nombre</td> <td><input type="text" name="NOMBRE"></td> </tr> <tr> <td align="right">Apellidos</td> <td><input type="text" name="APELLIDO"></td> </tr> <tr> <td align="right">E-mail</td> <td><input type="text" name="E-MAIL"></td> </tr> <tr> <td align="right">Teléfono</td> <td><input type="text" name="TELÉFONO"></td> </tr> <tr> <td align="right">Comentarios</td> <td><textarea cols="30" rows="5" name="COMENTARIOS">

Provincia

CÓDIGO 0455

Botones con efecto de color.

Coloca botones en tus formularios con llamativos efectos de color.

<html> <head> <title>Boton con efecto de color</title> <script language="javascript"> var nav = (document.layers) ? true : false function RatonArriba(Boton){ if (!nav && Boton) Boton.style.backgroundColor="yellow" } function RatonAfuera(Boton){ if (!nav && Boton) Boton.style.backgroundColor="silver" } function EnviandoTexto(Boton){ if (!nav && Boton) Boton.style.backgroundColor="pink" } </script> </head> <body> <form name="ejemploBoton"> <input type="button" name="boton" value="Botón uterra.com" onMouseOver="RatonArriba(this)" onMouseOut="RatonAfuera(this)" onClick="EnviandoTexto(this)"> </form> <p>Por cortesía de <a href="http://www.uterra.com">www.uterra.com</a> </p> </body> </html>

Ver demostración

CÓDIGO 0456

Campo textarea con selección de contenido.

Este código es el que te permite mostrar tus script tal y como los ves en este pagina, ideal para colocar script.

Por cortesía de www.uterra.com

Elimina esta linea de texto al usar el codigo en tu web -->