Entradas

Mostrando entradas de mayo 10, 2012

Location en JavaScript

Imagen
Location: Sirve para direccionar a una pagina web ó mejor dicho redireccionar. Para poner en practica lo que es "location" se dará un breve ejemplo de ello. Ejemplo: Este consta de ingresar por medio de un hipervinculo, que le aparecerá una ventana preguntando si le gusta Google, si presiona que si lo manda a la pagina de Google, de lo contrario le mostrará un mensaje. Respuesta: <html> <head> <title>Problema</title> </head> <body> <script language="javascript">  function ingresar() { var url; url = window.confirm('Le gusta Google') if(url==true) window.location='http://www.google.com'; else window.alert('Cuando le guste Google le puede dar Aceptar'); } </script> <a href="javascript:ingresar()">Ingresar</a> </body> </html> Ejercicio No.1 Confeccionar una página que tenga un hipervínculo. Cuando se presione dic...
Leer más

Window en JavaScript

Imagen
La palabra Window dentro de JavaScript se identifica como el objeto principal o con mayor predominante dentro de una pagina web, esto por su función en sus diferentes eventos, etiquetas, funciones, etc. Por ejemplo si queremos imprimir la palabra "Hola" seria de esta manera: document.write("Hola"); pero también, se puede realizar de esta forma: window.document.write("Hola"); La diferencia es que nos simplificamos la vida en anteponer window en estas acciones. Dentro de algunas acciones que puede ser utilizadas con este objeto son: alert: Muestra un diálogo de alerta con un mensaje        (a esta responsabilidad la hemos utilizado desde los primeros temas) prompt: Muestra un diálogo para la entrada de un valor de tipo string        (utilizado desde el primer momento) confirm: Muestra un diálogo de confirmación con los botones Confirmar y Cancelar. open y close: abre o cierra una ventana del navegador.       ...
Leer más

moveTo en JavaScript

Imagen
moveTo(): Esta acción tiene dos parametros que es o son la(s) columna(s) y fila(s) Ejercicio No.1: Confeccionar una función que mueva la ventana a la coordenada (20,20) cuando se cargue la página. Respuesta: <html> <head></head> <script language="JavaScript"> </script> <body Onload="moveTo(20,20)"> Moviendo ventana... </body> </html> Ejercicio No.2: Confeccionar una función que mueva la ventana a la coordenada (20,20) cuando presiona un botón. Respuesta: <html> <head></head> <script language="JavaScript"> </script> <body> <form> <input type="button" value="Mover Ventana" OnClick="moveTo(20,20)"> </form> </body> </html> *Cabe destacar que esta acción
Leer más

OnLoad en JavaScript

Imagen
OnLoad: se activa cuando se termina de cargas todos los elementos que contiene alguna pagina web. Ejemplo: Uno de los usos más frecuentes es para fijar el foco en algún control de un formulario, para que el operador no tenga que activar con el mouse dicho control. Este evento está asociado a la marca body. La página completa es: <html> <head></head> <body onLoad="activarPrimerControl()"> <script language="JavaScript"> function activarPrimerControl() {   document.form1.nombre.focus(); } </script> <form name="form1"> Ingrese su nombre: <input type="text" name="nombre"><br> Ingrese su edad: <input type="text" name="edad"><br> <input type="button" value="Confirmar"> </form> </body> </html>
Leer más

OnMouseOver y OnMouseOut en JavaScript

Imagen
OnMouseOver: se activa cuando el ratón se posiciona encima de un hipervinculo. OnMouseOut: se activa cuando el ratón se deja de posicionar encima de un hipervinculo. Ejemplo: Cambiar color mediante la posición del mouse sobre el hipervinculo. Respuesta: <html> <head></head> <body> <script language="JavaScript"> function rojo() { document.bgColor='#ff0000'; } function verde() { document.bgColor='#00ff00'; } function azul() { document.bgColor='#0000ff'; } function blanco() { document.bgColor='#ffffff'; } </script> <a href="#" onMouseOver="rojo()" onMouseOut="blanco()">Rojo</a> - <a href="#" onMouseOver="verde()" onMouseOut="blanco()">Verde</a> - <a href="#" onMouseOver="azul()" onMouseOut="blanco()">Azul</a> <br> <br...
Leer más