Javascript PDF

Generalidades - Fecha/hora-Barra de estado -Navegacin-Winpop up/ventanas- Matemticas-Colores - Caracteres
GENERALIDADES Llamar a un script Ejecutar script al inicio Eventos Cuadro de mensaje Generar cdigo html (document.write) Sucesiones: For Next Variables Matrices (arrays) Objetos de formularios Condicionales: if else Condicionales: switch Condicionales: while Condicionales: case Funciones Mostrar ocultar capas Objeto window Objeto document Objeto navigator Objeto screen Utilizar valores introducidos por el usuario Redireccionar pgina FECHA/HORA Formato calendario de hojas Hora simple Formato lnea BARRA DE ESTADO Texto fijo en la barra de estado Cambiar el contenido de la barra de ttulo NAVEGACIN Imprimir pgina Pgina anterior o siguiente Url de procedencia No cargar en cach Fotozoom Imgenes superpuestas Modificar las dimensiones de una imagen Botones en roll-over WINPOP UP/VENTANAS Cerrar ventana Posicionar y dimensionar ventana Posicionar con respecto a la posicin actual Centrar nueva ventana en la pantalla Window popup Resolucin de la pantalla
MATEMTICAS Nmero aleatorio Enlace aleatorio Imagen aleatoria Rotador de banners Imgenes que van cambiando solas COLORES Cambiar color de fondo con botones Cambiar color de fondo en lista Cambiar color de fonto al pasar el ratn CARACTERES Convierte a maysculas Longitud mnima Validar formularios Validar una direccin de correo Objeto string
GENERALIDADES
LLAMAR A UN SCRIPT <script language=JavaScript src="archivo.js" type=text/javascript> </script> <script src="archivo.js"> </script> EJECUTAR SCRIPT AL INICIO <body onLoad=hola();> EVENTOS
onLoad OnUnLoad onAbort onError onMouseOver onMouseOut onMouseMove onKeyUp onClick onResize onMove
Terminar de cargar una pgina o frame (entrar). Descargar una pgina o frame (salir). Abortar la carga de una pgina. Producirse algn error en la carga de la pgina. Pasar el ratn por encima de un enlace, area o frame. Dejar de estar el ratn encima de un enlace, area o frame. Mover el ratn por el documento. Presionar una tecla. Hacer click con el ratn. Redimensionar la ventana del navegador. Mover la ventana del navegador.
onChange onSelect onFocus onBlur onSubmit onReset
Modificar texto en un control. Sucede al perder el foco. Seleccionar texto en un control de edicin. Situar el foco en un control. Perder el foco un control. Enviar un formulario. Inicializar un formulario.
CUADRO DE MENSAJE alert("Hola mundo"); GENERAR CDIGO HTML (DOCUMENT.WRITE) <script> autor= 'Tiffany'; document.write ('<h3>Este cdigo no est generado usando <font color="blue"><i>html</i></font>, <br>') document.write ('sino empleando javascript, y ha sido desarrollado por <br>') document.write (kosillas + ', nacida en Lepe City.</h3>') </script> Este cdigo no est generado usando html , sino empleando javascript, y ha sido desarrollado por Tiffany, nacida en Lepe City. SUCESIONES: FOR NEXT <script> var i; for (i=1; i<=5; i++) { document.write ("Esta es la frase " + i + " de la repera") } </script> Esta Esta Esta Esta Esta VARIABLES <script> function ventana() { var precio=100; var comentario="hola mundo"; alert (comentario + \n" + precio); } es es es es es la la la la la frase frase frase frase frase 1 2 3 4 5 de la de la de la de la de la repera repera repera repera repera
</script> <body> <input type="button" value="ver" onClick=ventana();> MATRICES (ARRAYS) <script> function opciones() { var tabla=new Array(); tabla[0]="hola"; tabla[1]="adios"; tabla[2]="tarde"; alert(tabla[1]); } </script> <input type="button" value="Ver" onClick=opciones();> OBJETOS DE FORMULARIOS <script> function mostrar() {texto.style.visibility="visible";} function ocultar() {texto.style.visibility="hidden";} function foco() {cero.focus();} function escribe() {cero.value="hola";} function borra() {cero.value="";} var algo=mensaje.value; function muestra() {document.write("Eres " + algo);} function mensajito() {alert("hola");} } </script> <p style="visibility: hidden" id="texto">Caracolas salvajes</p> <input type="text" name="mensaje" value=""> <input type="button" value="Al ataque" onClick=mostrar();> onClick=ocultar(); onClick=foco();> onClick=escribe();> onClick=borra(); onBlur=mensajito(); onClick=mensajito(); CONDICIONALES: IF ELSE <script> function ver(){ var edad=parseInt(entrada.value); if (edad<=18) { texto1.style.visibility="visible";} else (edad<=18) { texto2.style.visibility="visible";} } </script> <p id="texto1" style="visibility: hidden">menor</p> <p id="texto2" style="visibility: hidden">mayor</p>
<input type="text" name="entrada" onBlur=ver();> CONDICIONALES: SWITCH <script> function especie(){ var tipo=introduzca.value; switch(tipo){ case "humano": {alert("Eres un humano"); break;} case "planta": {alert("Eres un vegetal"); break;} case "animal": {alert("Eres un animal"); break;} default: {alert("Especie desconocida"); break;} }} </script> <input type="text" name="introduzca" onBlur=especie();> CONDICIONALES: WHILE <script> var valor=1; function ventanita() { while(valor<=10) {document.write("Acelga<br>"); valor++;} } </script> <a href="Ejemplo.htm" onMouseOver=ventanita();>Repetidora</a> CONDICIONALES: CASE <script> function opciones(valor){ var cadena; switch(valor){ case 1: { cadena=uno; break;} case 2: { cadena=dos; break;} case 3: { cadena=tres; break;} } alert(Vinculo +cadena); } </script> <a href="Uno.htm" onMouseOver=opciones(1);>uno</a> <a href="Dos.htm" onMouseOver=opciones(2);>dos</a> <a href="Tres.htm" onMouseOver=opciones(3);>tres</a> FUNCIONES
<script> function opciones(valor){ if(valor==1) { alert("Vas a ir a uno");} else {alert("Vas a ir a dos");} } </script> <a href="Uno.htm" onMouseOver=opciones(1);>ir a uno</a> <a href="Dos.htm" onMouseOver=opciones(2);>ir a dos</a> MOSTRAR OCULTAR CAPAS <script> function ver(parametro){ if(parametro=='si') { texto1.style.visibility="visible";} else { texto1.style.visibility="hidden";} } </script> <p id="texto1" style="visibility:visible">TEXTO</p> <p><input type="radio" name="boton" onClick=ver('si');> Ver <p><input type="radio" name="boton" onClick=ver('no');> Ocultar OBJETO WINDOW Define las caracterstica de la ventana del navegador o de las ventanas que construyamos nuevas. La variable solo es necesaria cuando sea una ventana distinta a la del navegador.
MTODO open close location print alert confirm prompt status showModalDialog DESCRIPCIN Abre una ventanas Cierra ventana Enlaza con una pgina Imprime la pgina Abre ventanas alert Abre ventanas confirm Abre ventanas prompt Texto en barra estado Crea ventana modal SINTAXIS var=window.open("url","name","atrbs"); var.close(); var.Location="url"; var.Print(); var.alert(datos); var.confirm(datos); var.prompt(datos,"val inici"); var.status="mensaje"; var=window.showModalDialog("url","atrbs");
<script> function abre_ventana(){ var v1; v1=window.open("http://www.google.es","publicidad"); v1.status="Ventana creada para publicidad"; status="Ventana Estandar del Navegador"; } function cierra_ventana() { v1.close(); } </script> <input type="button" value="Abrir" onClick=abre_ventana();> <input type="button" value="Cerrar" onClick=cierra_ventana();>
OBJETO DOCUMENT Objeto que contiene las propiedades para trabajar con el documento y su contenido.
METODO write writeln bgColor fgColor referrer location DESCRIPCION Escribe en el documento Escribe y salta de lnea Color de fondo Color del texto Url del documento anterior Url del documento actual SINTAXIS document.write(dato); document.writeln(dato); document.bgColor="color"; document.fgColor="color"; var=document.referrer; var=document.location;
<script> function fondo(colores){document.bgColor=colores;} function texto(colores){document.fgColor=colores;} </script> <body>COLOR DEL FONDO BLANCO<input type="radio" name="F" onClick=fondo("white");> ROJO<input type="radio" name="F" onClick=fondo("red");> <br>COLOR DEL TEXTO NEGRO<input type="radio" name="T" onClick=texto("black");> GRIS<input type="radio" name="T" onClick=texto("gray");> Otro: <script> function ver() { var urlantes; var urlactual; urlantes=v1.document.referrer; urlactual=v1.document.location; v1.document.writeln("Direccin " +urlactual); v1.document.write("Url anterior " +urlantes); } </script> <input type="button" value="ver rutas" onClick=ver();> OBJETO NAVIGATOR <script> function informa() { var v1=window.open("","mi ventana","width=300 height=150"); v1.document.bgColor="gray"; var nombre=navigator.appName; var sistema=navigator.platform; v1.document.writeln("Navegador: " +nombre); v1.document.writeln("Sistema: " +sistema); } </script> <body> <input type="button" value="Info." onClick=informa();>
OBJETO SCREEN <script> function resolucion() { var ancho=screen.width; var alto=screen.height; if(ancho<1800 && alto<1600) { alert("recomendamos aumentar la resolucin"); document.write("Aumente la Resolucin"); } } </script> <body onLoad=resolucion();> UTILIZAR VALORES INTRODUCIDOS POR EL USUARIO
<script> var nombrecillo = prompt("Introduzca nombre","susana"); document.write ('Este cdigo ha sido desarrollado por '+nombrecillo+' , que es natural de Torres Cadas.'); </script> Este cdigo ha sido desarrollado por susana, natural de Torres Cadas. REDIRECCIONAR PGINA <head><script> location.href='web/index2.html'; </script></head>
FECHA / HORA
FORMATO CALENDARIO DE HOJAS
<script> function muestra_fecha() { fecha = new Date(); var dia_semana_ennumero = fecha.getDay(); var dia_mes = fecha.getDate(); var anno = fecha.getYear(); var mes_ennumero = fecha.getMonth(); var dia_semana_letra = ''; var mes = '' if(mes_ennumero == 0){mes = 'enero';} if(mes_ennumero == 1){mes = 'febrero';} if(mes_ennumero == 2){mes = 'marzo';} if(mes_ennumero == 3){mes = 'abril';} if(mes_ennumero == 4){mes = 'mayo';} if(mes_ennumero == 5){mes = 'junio';} if(mes_ennumero == 6){mes = 'julio';} if(mes_ennumero == 7){mes = 'agosto';} if(mes_ennumero == 8){mes = 'septiembre';} if(mes_ennumero == 9){mes = 'octubre';} if(mes_ennumero == 10){mes ='noviembre';} if(mes_ennumero == 11){mes ='diciembre';} if(dia_semana_ennumero == 0){dia_semana_letra = 'Domingo';} if(dia_semana_ennumero == 1){dia_semana_letra = 'Lunes';} if(dia_semana_ennumero == 2){dia_semana_letra = 'Martes';} if(dia_semana_ennumero == 3){dia_semana_letra = 'Mircoles';} if(dia_semana_ennumero == 4){dia_semana_letra = 'Jueves';} if(dia_semana_ennumero == 5){dia_semana_letra = 'Viernes';} if(dia_semana_ennumero == 6){dia_semana_letra = 'Sbado';} document.write( dia_semana_letra + '<br> <font size="2" face="arial">' + dia_mes + '</font> <br>de ' + me '<br> de ' + anno );} </script> <center><b><font color="#990000" face="Arial" size="1"> <script>muestra_fecha();</script>
Sbado
27
de noviembre de 2004
HORA SIMPLE <script> var time = new Date(); var horas = time.getHours(); var minutos = time.getMinutes(); var segundos = time.getSeconds(); document.write ('Son las ' + horas + ':' + minutos + ':' + segundos); </script> Son las 19:15:45
FORMATO LNEA <script> var mi_variable = new Date(); var anno = mi_variable.getYear(); var dia_mes = mi_variable.getDate(); var lunez=mi_variable.getDay(); var eneroz=mi_variable.getMonth();
dias = new Array("Domingo","Lunes","Martes","Mircoles","Jueves","Viernes","Sbado"); meses = new Array ("enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","dicie if (anno < 1900) anno += 1900; document.writeln(dias[lunez] + ", " + dia_mes + " de " + meses[eneroz] + " de " + anno); </script> Sbado, 27 de noviembre de 2005
BARRA DE ESTADO
TEXTO FIJO EN LA BARRA DE ESTADO
<script> window.status = 'Construcciones El Ladrillo'; </script> CAMBIAR EL CONTENIDO DE LA BARRA DE TTULO <script> function titulo(){ document.title="Vacaciones El Currante"; } </script> <a href="#" onClick=titulo();>Cambiar ttulo</a>
10
NAVEGACIN
IMPRIMIR PGINA <script> function printpage(){ window.print(); } </script> <a href="#" onclick="printpage()">Imprimir pgina</a> OTRA FORMA <a href="javascript:self.print()">Imprimir pgina</a> OTRA FORMA <a href="javascript:print()">Imprimir pgina</a> PGINA ANTERIOR O SIGUIENTE <input type="button" value="anterior" onclick="history.back()"> <input type="button" value="siguiente" onclick="history.forward()">
Anterior
Siguiente
<img onClick=history.back() src="imagen_anterior.gif"> <img onClick=history.forward() src="imagen_siguiente.gif">
<- ->
<a javascript:history.back() href="">ANTERIOR</a> <a javascript:history.forward() href="">siguiente</a>
ANTERIOR SIGUIENTE
URL DE PROCEDENCIA <script> function ver() { var urlantes; var urlactual; urlantes=v1.document.referrer; urlactual=v1.document.location; v1.document.writeln("Direccin " +urlactual);
11
v1.document.write("Url anterior " +urlantes); } </script> <input type="button" value="ver rutas" onClick=ver();> NO CARGAR EN CACH <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache; Private;"> <meta http-equiv="Expires" content="-1"> FOTOZOOM <script> function tamanno () {self.resizeTo(imagen.width+10,imagen.height+30);} </script> <img name="imagen" src="info.jpg" onload="javascript:tamanno()" > Otro: <body onload="javascript:tamanno()"> IMGENES SUPERPUESTAS <script> function cambia(valor) { if(valor==1) { img.src="tenista1.gif"} else { img.src="tenista2.gif"} } </script> <p onMouseOver=cambia(1);>Foto 1</p> <p onMouseOver=cambia(2);>Foto 2</p> <img name="img" src="tenista1.gif"> MODIFICAR LAS DIMENSIONES DE UNA IMAGEN
12
<img src="imagen.jpg" name="elva"> <input type="button" value="Dimensiones actuales" onClick="alert('anchura='+document.elva.width+' altura='+document.elva.height)"> <input type="button" value="cambiar altura a 200" onClick="document.elva.height=200"> <input type="button" value="cambiar anchura a 200" onClick="document.elva.width=200"> BOTONES EN ROLL-OVER <style> .botoncito {font-weight:bold; backgroundcolor:lime} </style> <script> function colorear(color){ var elemento=event.srcElement if (elemento.tagName=="INPUT" && elemento.type=="button") { event.srcElement.style.backgroundColor=color} } function ir(url){window.location=url} </script> <form onMouseover="colorear('yellow')" onMouseout="colorear('lime')"> <input type="button" value="www.lo.com" class="mybutton" onClick="ir ('http://lo.com')"> <input type="button" value="IBM" class="mybutton" onClick="ir ('http://www.ibm.com')"> </form>
WINPOP UP / VENTANAS

13
CERRAR VENTANA <input type="button" onClick="javascript:window.close()" value="Cerrar ventana"> OTRA FORMA <a href='javascript:window.close()'>Cerrar</a> OTRA FORMA <a href="javascript:close()"> <img src="ana.jpg"></a> <br>Haga clic sobre la imagen para cerrar</p> POSICIONAR Y DIMENSIONAR VENTANA <script> self.resizeTo (400,400) moveTo (100,25) </script> POSICIONAR CON RESPECTO A LA POSICIN ACTUAL <script> moveBy(100,100) </script> CENTRAR NUEVA VENTANA EN LA PANTALLA <script> function ventanita(mypage,myname,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+', resizable' win = window.open(mypage,myname,settings) } </script> <a href="http://www.google.com" onclick="ventanita(this.href, 'nombre', '450', '390', 'no'); return false">Abrir ventana</a> WINDOW POPUP
14
<script> function abrete(direccion) { mosca=window.open (direccion,"mosca","resizable=no,scrollbars=yes,width=300,height=300,top=25,left=25") } </script> <input type="button" value="Abrir" onClick="abrete('http://www.torpes.com')"> CON RETARDO <script> function asereje() { window.open('http://www.eso.com', 'pubpopup', 'toolbar=0,location=0,status=0,menubar=0,scrollbars=1,height=140,width=468'); } setTimeout('asereje()', 1500); </script> AL SALIR <script> function abrete(newin) { flyout=window.open (newin,"flyout","resizable=no,scrollbars=yes,width=300,height=300,top=25,left=25") } </script> <body onUnload=abrete(newin)>Noelia OTRO <script> function abre_ventana(){ var v1; v1=window.open("http://www.google.es","publicidad"); v1.status="Ventana creada para publicidad"; status="Ventana Estandar del Navegador"; } function cierra_ventana() { v1.close(); } </script> <input type="button" value="Abrir" onClick=abre_ventana();> <input type="button" value="Cerrar" onClick=cierra_ventana();> RESOLUCIN DE LA PANTALLA <script> if (screen.width + "x" +screen.height == "800x600") {document.write("Resolucin de 800x600.")} if (screen.width + "x" +screen.height == "640x480") {document.write("Cmor? Resolucin baja.")} if (screen.width + "x" +screen.height == "1024x768"){document.write("Resolucin amplia.")} </script>
REDIRECCIONA SEGN LA RESOLUCIN <html><script> function resoluzione() { if (screen.width + "x" +screen.height == "640x480"){location.href='a.html';} if (screen.width + "x" +screen.height == "800x600"){location.href='b.html';} if (screen.width + "x" +screen.height == "1024x768"){location.href='c.html';}} </script> <body onLoad=resoluzione();>
15
MATEMTICAS
NMERO ALEATORIO var numero=Math.random()*3; var numero=Math.round(numero); alert (numero); Genera 0, 1, 2. Importante las maysculas. ENLACE ALEATORIO <script> var direcciones = new Array( "http://www.terra.es", "http://www.ozu.es"); function visitar(){ aleatorio = math.random() * direcciones.length // nmero aleatorio y lo multiplica por el n de direcciones aleatorio = math.floor(aleatorio) // lo convierte en entero window.location=direcciones[aleatorio] } </script> <a href="javascript:visitar()">Enlace Aleatorio</a> IMAGEN ALEATORIA <script> var numero=Math.round(Math.random()*3)+1; document.write('<img src="imagen'+numero+'.jpg">'); </script> Imagen 1, Imagen 2, Imagen 3 ROTADOR DE BANNERS <script> var imagen = new Array(); var enlace = new Array(); imagen[0] = '0001.jpg'; enlace[0] = 'www.l1.com';
16
imagen[1] = '002.jpg'; enlace[1] = 'www.l2.com'; var aleatorio=Math.round(Math.random()*2); document.write ('<a href="'+enlace[aleatorio]+'" target="_blank"> <img src="'+imagen[aleatorio]+'"> </a>'); </script> IMGENES QUE VAN CAMBIANDO SOLAS <script> var estado=true; setTimeout("cambio()",500); function cambio(){ estado=!estado; if(estado==true) {img.src="tenista1.gif"} else {img.src="tenista2.gif"} setTimeout("cambio()",500); } </script> <img name="img" src="tenista1.gif">
COLORES
CAMBIAR COLOR DE FONDO CON BOTONES
<input type="button" value="gris" onclick="document.bgColor='silver'"> <input type="button" value="verde claro" onclick="document.bgColor='lightgreen'"> CAMBIAR COLOR DE FONDO EN LISTA <script> function coralino(numerio){ document.bgColor = numerio; } </script> <select onChange=coralino(this.options [selectedIndex].value)>
17
<option value="00FFFF" selected>White <option value="0000FF">Navy <option value="A0A0A0">Gray </select> CAMBIAR COLOR DE FONDO AL PASAR EL RATN
<a href="" onMouseOver="document.bgColor='black'">Negro</a> <a href=="" onMouseOver="document.bgColor='green'">Verde</a> OTRO <script> function fondo(colores) {document.bgColor=colores;} function texto(colores) {document.fgColor=colores;} </script> <body> <input type="radio" onClick=fondo("yellow");> <input type="radio" onClick=fondo("red");> <input type="radio" onClick=texto("blue");> <input type="radio" onClick=texto("gray");>
CARACTERES
CONVIERTE A MAYSCULAS var cadena=Hola mundo; document.write(cadena.toUpperCase()); LONGITUD MNIMA <script> function pasa() { var contrasena=algo; if(contrasena.length<4) {alert("Mnimo 4 letras"); } else {alert(ok);} } </script>
18
<input type="button" onClick=pasa();> VALIDAR FORMULARIOS
<script> // nombre slo letras y mnimo 4 caracteres; edad slo nmeros y 18-30; email arroba function validar(formulario) { if (formulario.nombre.value.length < 4) { alert("Escriba por lo menos 4 caracteres en el campo \"Nombre\"."); formulario.nombre.focus(); return (false); } var checkOK = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" + "abcdefghijklmnopqrstuvwxyz "; var checkStr = formulario.nombre.value; var allValid = true; for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } } if (!allValid) { alert("Escriba slo letras en el campo \"Nombre\"."); formulario.nombre.focus(); return (false); } var checkOK = "0123456789"; var checkStr = formulario.edad.value; var allValid = true; var decPoints = 0; var allNum = ""; for (i = 0; i < checkStr.length; i++) { ch = checkStr.charAt(i); for (j = 0; j < checkOK.length; j++) if (ch == checkOK.charAt(j)) break; if (j == checkOK.length) { allValid = false; break; } allNum += ch; } if (!allValid) { alert("Escriba slo dgitos en el campo \"Edad\"."); formulario.edad.focus(); return (false); } var chkVal = allNum; var prsVal = parseInt(allNum); if (chkVal != "" && !(prsVal >= "18" && prsVal <= "30")) { alert("Escriba un valor mayor o igual que 18 y menor o igual que 30 en el campo \"Edad\"."); formulario.edad.focus(); return (false); } if ((formulario.correo.value.indexOf ('@', 0) == -1)|| (formulario.correo.value.length < 5)) { alert("Escriba una direccin de correo vlida en el campo \"Direccin de
19
correo\"."); return (false); } return (true); } </script> <form name="registro" onSubmit="return validar(this)" action="formularios.asp"> <input type="text" name="nombre"> <input type="text" name="edad"> <input type="text" name="correo"> <input type="submit" nave="enviar"> OTRA FORMA <script> function longitud(stringToSplit,separator){ var cadenaretorno=""; var comprobacion=""; var anterior=""; arrayOfStrings=stringToSplit.split(separator); for(var i=0;i<arrayOfStrings.length;i++) { if(arrayOfStrings[i]==" " || arrayOfStrings[i]=="") continue; if(anterior!=arrayOfStrings[i] && arrayOfStrings[i+1]!=" ") cadenaretorno+= (arrayOfStrings[i]+" "); comprobacion+=" "; anterior=arrayOfStrings[i]; } cadenaretorno=cadenaretorno.substring(0,cadenaretorno.length-1); return (comprobacion==cadenaretorno? "" :cadenaretorno); } function comprueba(){ var mensaje_error="Rellene los siguientes campos:"; var origen_error=mensaje_error; if(longitud(document.formulario.nombre.value+""," ")=="") origen_error=origen_error+"\n\r* Nombre y apellidos"; if(longitud(document.formulario.direccion.value+""," ")=="") origen_error=origen_error+"\n\r* Direccin"; if(longitud(document.formulario.localidad.value+""," ")=="") origen_error=origen_error+"\n\r* Localidad"; if (origen_error!=mensaje_error) alert(origen_error); else { //document.formulario.action="ok.php"; document.formulario.submit(); alert('Correcto');} } </script> <body> <form name="formulario" method="post"> <input name="nombre" maxlength="200" size="50" class="campos" type="text"><p> <input name="direccion" maxlength="200" size="50" class="campos" type="text"><p> <input name="localidad" maxlength="200" size="50" class="campos" type="text"><p> <input class="boton" name="Submit" value="Enviar" onclick="javascript:comprueba();" type="button"> </form> VALIDAR UNA DIRECCIN DE CORREO
20
<script> function comprobar(colmillo, nombre_del_elemento) { var s = colmillo.value; var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/; if (s.length == 0 ) {return true;} if (filter.test(s)) {return true;} else {alert("Escriba una direccin de correo vlida"); colmillo.focus(); return false;} } </script> <input type="text" name="direccion"> <input type="submit" value="Ejecutar" onClick="return comprobar (direccion,'direccion' )"> // nombre antes @, que haya @, nombre tras ella, un punto y dos o tres carcteres OBJETO STRING var cadena=new String();
MTODO cadena.length; cadena.charAt(indice); cadena.subString(ind1,ind2); cadena.indexof(letra); cadena.replace(letr1,letr2); cadena.toLowerCase(); cadena.toUpperCase(); DESCRIPCIN Devuelve la longitud de la cadena Devuelve la letra que est en la posicin del ndice Devuelve el texto comprendido entre los ndices Devuelve el ndice de la letra buscada Reemplaza letr1 por letr2 Transforma en minsculas Transforma en maysculas
21

Javascript PDF

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Javascript PDF

Hochgeladen von

Copyright:

Verfügbare Formate

Generalidades - Fecha/hora-Barra de estado -Navegacin-Winpop up/ventanas- Matemticas-Colores - Caracteres

onChange onSelect onFocus onBlur onSubmit onReset

FORMATO CALENDARIO DE HOJAS

TEXTO FIJO EN LA BARRA DE ESTADO

<img onClick=history.back() src="imagen_anterior.gif"> <img onClick=history.forward() src="imagen_siguiente.gif">

<a javascript:history.back() href="">ANTERIOR</a> <a javascript:history.forward() href="">siguiente</a>

CAMBIAR COLOR DE FONDO CON BOTONES

<input type="button" onClick=pasa();> VALIDAR FORMULARIOS

Das könnte Ihnen auch gefallen