Javascript

De Foros del Web

---

Contenido 1 ¿Qué es Javascript? 2 Preguntas Frecuentes (FAQ) 2.1 Efectos 2.2 Fecha y Hora 2.3 Formularios 2.4 Imágenes 2.5 Menúes 2.6 Navegación 2.7 Tutoriales 2.8 Varios 2.9 Ventanas

Espacio para organizar preguntas y respuestas frecuentes del foro de Javascript en Foros del Web.

Con la irrupción de Web 2.0, JavaScript se ha convertido en un potente lenguaje en la web, aportando la potencia de cálculo del navegador para aumentar la usabilidad de aplicaciones Web con técnicas avanzadas como AJAX o JCC. Se está popularizando también el uso de frameworks y cada día es más demandado el conocimiento de javascript para puestos de desarrollo web.

Preguntas Frecuentes (FAQ)

Efectos

• Cambiar el color de una celda - ¿Cómo puedo cambiar el color de una celda al pasar el ratón?
• Barra de Estado - ¿Cómo puedo poner un mensaje en la Barra de Estado al pasar sobre un enlace?
• Enlaces - ¿Como quitar el marco de los enlaces?
• Frase diaria - ¿Como puedo colocar en mi página una frase distinta cada día de la semana?
• Un efecto chachi para texto y no muy complicado - Un efecto para texto y no muy complicado.
• Mostrar/ocultar capas - ¿Cómo puedo mostrar/ocultar capas pulsando sobre un enlace?
• Detectar tecla - ¿Cómo puedo detectar la tecla pulsada?
• Sonido en los Enlaces - ¿Cómo puedo poner un sonido a mis enlaces al situar el ratón encima?
• Dar estilos CSS para los links - Sistema sencillo para darle un toque de alegría a nuestras páginas
• Buenos días amigo - ¿Cómo puedo dar los buenos días cuando entren en mi sitio?
• Quitar recuadro punteado de enlace - ¿Cómo puedo quitar el recuadro de puntos de un enlace activo?
• Poner texto vertical (sólo IE 5.0 +)- Poner texto vertical, al revés, rotarlo, que vuele, lo que quieras.
• Enlaces autoexplicativos - ¿Cómo poner enlaces con una explicación desplegable del mismo debajo?
• Sonido antes de un salto - ¿Cómo escuchar un sonido antes de hacer un link?
• Reemplazar - ¿Cómo reemplazar o eliminar subcadenas de una cadena?
• Barra de scroll personalizada - Cómo hacer una barra de scroll personalizada con los iconos formas y colores que quiera?
• Fondo degradado - ¿Como puedo poner un fondo degradado en una página?
• Cambiar color a las celdas de una tabla - ¿Cómo puedo alterar el color de una celda donde se ha producido un clic, retornando luego al color original cuando se produzca un clic en otra celda?
• Manipulación de strings - ¿Cómo puedo eliminar los espacios en blanco del comienzo o del final de una cadena?
• Calcular el tiempo que tarda en cargarse una página - ¿Cómo puedo poner en una página el tiempo que ha tardado en cargarse en el navegador del usuario?
• Ver la página a distintas resoluciones - ¿Cómo puedo ver si mi página se verá bien a una resolución menor que la que tiene mi PC sin tener que cambiar la configuración de la pantalla de mi ordenador?
• Mensaje según la hora - ¿Cómo puedo mostrar un mensaje en mi página dependiendo de la hora del día?
• Reemplazo dentro de un string - ¿Cómo puedo sustituir una subcadena por otra en una cadena?
• Eliminación de parte de un string - ¿Cómo puedo eliminar una subcadena de una cadena?
• Scroll (marquesina) de texto - ¿Cómo puedo colocar un scroll de texto (marquesina) en mi página?
• Efecto: Estela en el puntero del mouse - ¿Cómo dejar una Estela en el puntero del mouse?
• Efecto: "terremoto" en el navegador - ¿Cómo puedo hacer con JavaScript un efecto de "terremoto"?
• Texto vertical - Quiero poner un texto en vertical. ¿Cómo lo hago?
• Efecto Fade de colores con el texto - ¿Cómo puedo crear un efecto fade de colores con el texto?
• Citas aleatorias - ¿Cómo puedo añadir a mi web citas aleatorias?
• Girar Imágenes - ¿Cómo girar una imagen usando sólo javascript?

Fecha y Hora

• Mostrar Fecha y Hora - ¿Cómo puedo mostrar la Fecha y la Hora actual?
• Validación de fechas - ¿Como puedo validar una o mas fechas escritas en elementos TEXT?
• Resta de horas - ¿Como puedo obtener la resta de dos horas almacenadas en elementos TEXT?
• Validar un rango de fechas - ¿Como puedo validar un rango de fechas para que ambos valores sean no vacíos, válidos, y la fecha hasta sea mayor o igual que la fecha desde?
• Sumar meses a una fecha - ¿Cómo puedo sumar (o restar) una cantidad de meses a una fecha válida?
• Reloj en la barra de estado - ¿Cómo puedo poner un reloj en la barra de estado?
• Sumar (o restar) días a una fecha - ¿Como puedo sumar o restar días a una fecha?
• Valores iniciales de un rango de fechas - ¿Como puedo asignar los valores iniciales a un rango de fechas?
• Selector de año, mes y día - ¿Como puedo hacer un selector de fecha basado en tags <select> que permita seleccionar cualquier fecha válida hasta el día de hoy?
• Reloj analógico - Cómo poner un reloj analógico en mi web (actualizado).
• Resta de fechas - ¿Como puedo saber la cantidad de días, meses y años que hay entre dos fechas?
• Calendario - ¿Cómo puedo poner un calendario para seleccionar los campos fecha?
• Formato de fecha - ¿Cómo puedo mostrar la fecha en formato "28 de Septiembre del 2003"?
• Validar hora

Formularios

• ¿Cómo puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo?.
• [[Javascript:¿Cómo puedo conocer todos los valores seleccionados de un <select> multiple?|¿Cómo puedo conocer todos los valores seleccionados de un <select> multiple?]].
• ¿Cómo puedo conocer el valor del radiobutton seleccionado?.
• ¿Cómo puedo deshabilitar un elemento a partir del valor de otro?.
• ¿Cómo puedo contar el número de caracteres escritos en un área de texto de un formulario?.
• ¿Cómo puedo validar que varios campos de texto no estén vacíos?.
• ¿Cómo puedo comprobar si un checkbox está seleccionado?.
• ¿Cómo comprobar si todos los radios buttons de un formulario han sido respondidos?.
• ¿Cómo puedo habilitar o deshabilitar un campo de texto según la opción seleccionada en un radiobutton?.
• ¿Cómo puedo ocultar o hacer aparecer un campo de texto según la opción seleccionada en un combobox?.
• ¿Cómo puedo presentar una vista preliminar de los datos de mi formulario para que desde ella el usuario envíe o cancele el envío de dicho formulario?.
• ¿Cómo puedo mostrar un texto(pregunta) tras seleccionar un radio button?.
• Textbox con botones para formato (tipo ForosDelWeb).
• ¿Cómo valido que el email colocado por el usuario tenga el simbolo de "@" ?.
• ¿Cómo se puede impedir que se ingrese un dato no numérico?.
• ¿Cómo puedo preasignar el valor de un botón de radio?.
• ¿Cómo substituir los botones de un formulario por imágenes?.
• ¿Cómo puedo presentar un número entero usando separadores de miles?.
• ¿Cómo puedo validar que una dirección de correo sea consistente?.
• ¿Cómo puedo contar el número de palabras dentro de un textarea?.
• ¿Cómo puedo redireccionar lo escrito en un elemento HTML hacia otro elemento?.
• ¿Cómo puedo filtrar los elementos que conforman un select de acuerdo a lo tipeado en un área de texto?.
• ¿Cómo puedo hacer una interfase con la que pueda llenar una lista en base a los elementos de otra lista?.
• ¿Cómo validar una dirección de email utilizando expresiones regulares.
• ¿Cómo puedo capturar el texto que está seleccionado dentro de mi página?.
• ¿Cómo impedir que seleccionen más de dos checkbox en un formulario?.
• ¿Cómo puedo extraer de un elemento select el índice o el valor o el nombre desplegado en la opción seleccionada?.
• ¿Cómo puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo indicando la URL de destino?Modificado.
• ¿Cómo indicar a un visitante de un formulario que se ha dejado campos sin rellenar?.
• ¿Cómo saber si han rellenado un input con varios caracteres iguales?.
• ¿Cómo rellenar cajas de texto con elementos seleccionados de un pop up?.
• ¿Cómo validar que un campo sea vacío,aunque se haya presionado la barra espaciadora?.
• ¿Cómo puedo hacer una entrada de datos donde se valide el ingreso de caracteres numéricos o los signos ",.-" y que al salir del mismo aparezca el resultado con decimales y formato para los miles?.
• ¿Cómo puedo llenar un campo de un formulario a partir de un valor seleccionado en un popup?.
• ¿Cómo Selecciono o Desmarco Varios Checkbox al mismo tiempo?.
• ¿Cómo agregar elementos en una forma (text y textarea)?.
• ¿Cómo puedo comparar las palabras de un elemento textarea respecto a las palabras existentes en otro textarea?.
• ¿Cómo validar que se seleccionen solo archivos de determinado tipo en un INPUT TYPE='FILE'?.
• ¿Cómo puedo generar sobre mi página un número distinto de campos de texto según lo que indique el usuario?.
• ¿Cómo puedo limitar el número de caracteres de un textarea?.
• ¿Cómo evitar que vuelvan a dar al Submit?.
• ¿Cómo validar el formulario de una forma sencilla iluminando los errores?.
• Combos encadenados para armar con Bases de datos.
• Quiero que un submit del form se muestre en una ventana emergente.
• ¿Cómo insertar emoticones en un textarea?.
• ¿Cómo recoger los valores de un formulario en la página de destino?.
• ¿Cómo puedo poner una opción de un select "selected"?.
• ¿Cómo hacer escoger fecha de nacimiento?.

Imágenes

• Banners Aleatorios (GIF y SWF) - ¿Cómo puedo hacer para que cada vez que se abra una página muestre un banner aleatorio, ya sea un archivo swf o un archivo gif?

• Precarga - ¿Cómo realizo una precarga de imágenes?

• Rollover - ¿Cómo cambio una imagen por otra al pasar por encima con el puntero del ratón?

• Cambio de Imágenes automático - ¿Cómo puedo hacer una secuencia de imágenes que cambien de forma automática?

• Una imagen linkable cada semana - ¿Cómo puedo hacer que aparezca una imagen linkable nueva cada semana en mi web?

• Cambiar una imagen al hacer un MouseOver - ¿Cómo puedo cambiar la imagen de fondo de la página o una imagen cualquiera de la misma al hacer un mouseOver sobre un enlace?

• Imágenes en miniatura - ¿Como puedo poner miniaturas de mis imágenes sin tener que reducirlas con un editor gráfico?

• Rotador de banner - ¿Cómo puedo realizar un rotador de banners sencillo?

• Rotador de banners (II)

• Previsualizar una imagen antes de subirla - ¿Se puede previsualizar una imagen que he seleccionado en un <input type=file> antes de subirla?

• Pequeño álbum de fotos

• ¿Cómo hacer una precarga viendo el porcentaje de carga?.

Menúes

• Navegar con un menú desplegable (select) - ¿Cómo puedo cambiar de página segun la opción elegida en un <select>?
• Menú de salto con la opción de abrirlo en una nueva ventana

Navegación

• ¿Cómo puedo deshabilitar el uso del botón derecho dentro de mi página?.
• ¿Cómo puedo pasar parámetros entre dos páginas usando JavaScript?.
• ¿Se puede crear una alerta con opciones de Ok y Cancelar?.
• ¿Cómo puedo redireccionar mi página a otras dependiendo de la resolución del browser del cliente?.
• ¿Cómo redireccionar a una página?.
• ¿Cómo evitar que tu página se cargue en un frame externo?.
• ¿Cómo cargar el frame principal si acceden directamente a una de mis páginas secundarias?.
• ¿Cómo se puede manipular mediante JavaScript los botones "Atrás", "Adelante" y "Recargar" del navegador?.
• ¿Cómo puedo detectar los plugins de Flash, Shockwave, Live audio, Netscape Media Player, Quick time?.
• ¿Cómo ejecutar un script al entrar en una página?.
• ¿Cómo ejecutar un script al salir de una página?.
• ¿Cuál es el esquema usado para identificar un usuario registrado en una página?.
• ¿Cómo puedo mediante un botón, un link o una letra presionada en un área de texto, hacer un salto a una etiqueta interna dentro de mi página?.
• ¿Cómo hacer que un enlace apunte a una página alternativa si la primera está caida?.
• ¿Cómo puedo lograr que si alguien llega a una sección de mi sitio sin cargar los frames, ésta se redirija a la estructura de marcos cargando por defecto dicha sección?.
• ¿Cómo puedo mostrar la resolución de la pantalla del usuario y con un simple enlace redireccionarle a la página apropiada?.
• ¿Cómo puedo redireccionar una página a otra pasados unos segundos?.
• ¿Cómo pongo un buscador Web en mi sitio?.
• ¿Cómo conseguir que no funcione el botón atrás del navegador?.
• Botones de indicación de navegación.
• ¿Cómo mostrar 4 imagenes de la BDs para luego hacer navegación con MouseOver?.
• ¿Cómo puedo forzar que el usuario entre siempre por mi página principal (index.htm) y no por mis páginas secundarias si NO utilizo marcos (frames)?.
• ¿Cómo puedo abrir la página principal de mi sitio sin barra de herramientas, sin barra de estado, sin menú y sin barra de direcciones?.
• ¿Cómo puedo poner una barra que me indique que la página esta siendo cargada?.
• ¿Cómo puedo abrir una ventana cuando otra se cierra?.
• ¿Cómo abrir un pop-up y cerrar la ventana a la vez?.
• ¿Cómo cerrar una ventana del explorador confirmando si desea cerrarla?.
• Confirmar cierre de ventana.
• ¿Cómo se puede anular el history mientras se navegue por nuestra web?.
• Ocultar el contenido de una página hasta que se carguen todos sus elementos.
• ¿Cómo puedo utilizar una hoja de estilo, dependiendo de la resolución de la máquina cliente?.

Tutoriales

• (teoria) Uso de un archivo .js - ¿Como puedo meter mi codigo en un .js?
• Manuales, Tutoriales y Cursos electrónicos de JavaScript - ¿Dónde puedo conseguir un manual de JavaScript en español?
• Código JavaScript en la red - ¿Dónde puedo conseguir código JavaScript?
• Libros sobre JavaScript - ¿Quién me puede recomendar un buen libro de JavaScript?
• Usos del método open() (Wizard) - ¿Qué atributos puedo usar en el método open()?
• DOM: Insertar nuevos elementos - ¿Puedo Insertar nuevos elementos (tags) en una página dinámicamente?
• DOM: Eliminar elementos - ¿Cómo eliminar elementos (etiquetas) dinámicamente?

Varios

• ¿Cómo puedo proteger las imagenes de mi web para que nadie las pueda guardar?.
• ¿Cómo puedo hacer que agreguen mi sitio web, como su página de Inicio?.
• ¿Cómo puedo hacer que agreguen mi sitio web a sus Favoritos?.
• ¿Cómo puedo incluír un salto de línea dentro de un mensaje de alert?.
• Imprimir sin diálogo de confirmación IE.
• ¿Cómo puedo hacer que una vez transcurridos "n" segundos de inactividad en mi página se dispare una rutina de screen saver?.
• ¿Cómo saber las coordenadas del ratón?.
• ¿Cómo conocer los detalles del visitante de mi página?.
• Desactivar la tecla F5.
• Mostrar teclado en pantalla.
• ¿Cómo deshabilito la selección de un texto para evitar que sea copiado?.
• ¿Cómo crear botón de "guardar como..."?.
• Copiar el texto que se ha seleccionado en la página.
• ¿Cómo puedo saber el tipo de navegador y la versión del mismo?.
• ¿Cómo puedo ordenar los datos de una tabla dependiendo de cada columna?.
• ¿Cómo puedo saludar al visitante según su pais de origen?.
• ¿Cómo puedo redondear un valor a una cierta cantidad de decimales?.
• ¿Cómo pongo un buscador interno en mi site?.
• ¿Cómo puedo hacer un link en la web para agregar un contacto messenger?.
• Meter un archivo txt, en una pagina web.
• ¿Cómo puedo saber el Sistema Operativo sobre el que está corriendo mi página?.
• ¿Cómo puedo mostrar un número con una determinada cantidad de decimales?.
• ¿Cómo tener un WHOIS siempre a mano?.
• Proteger dirección de correo.
• ¿Cómo puedo poner un botón para imprimir que desaparezca una vez presionado?.
• Ejecutar código JavaSrcipt, PHP o ASP.
• ¿Existe alguna forma de implementar passwords con JavaScript?.
• ¿Cómo puedo validar que una IP sea correcta?.
• ¿Cómo puedo hacer una contraseña segura para mi web?.
• ¿Cómo puedo desordenar un array dos veces "aleatoriamente" y que el resultado sea el mismo?.
• ¿Cómo puedo imprimir solo la parte de la página que me interesa?.
• Pasar varios parámetros a una misma función.
• Title mejorado (tooltip).
• ¿Cómo puedo utilizar varias funciones sobre muchos elementos de forma sencilla?.
• ¿Cómo puedo crear textos alternativos sin hacer uso de la etiqueta alt?.
• ¿Cómo puede saber un usuario su resolución de pantalla actual?.
• ¿Cómo puedo hacer para añadir una página a Favoritos?.
• ¿Cómo puedo hacer que JS genere una clave aleatoria?.

Ventanas

• Ventana maximizada - ¿Como puedo abrir una ventana maximizada?

• PopUps - ¿Como puedo abrir una ventana PopUp sin toolbar, sin menubar, sin navegación y sin estatus?

• "FullScreen" - ¿Como puedo hacer una página "fullscreen"?

• Cerrar una ventana principal sin confirmación - ¿Como puedo cerrar una ventana principal desde un botón sin que aparezca ningún mensaje de confirmación?

• Ventana explosiva - ¿Como puedo hacer que una ventana se abra simulando un efecto de explosión?

• PopUp ajustada a imagen - ¿Cómo abrir una ventana pop-up al tamaño de una imagen?

• PopUp ajustada a imagen versión 2 - Es una variante que incluye la posibilidad de pasar a la imagen siguiente o a la anterior desde el mismo pop-up

• Abrir un Pop-up centrado en la pantalla - ¿Como puedo abrir un Pop-up y que quede centrado en la pantalla en cualquier resolución?

• Abrir Pop-Up en Correo Web - ¿Cómo puedo abrir un Pop-Up en un Correo Web, tras pulsar en un enlace?

• Apertura lateral de una ventana - ¿Cómo puedo abrir una ventana de izquierda a derecha?

• Ventanas sólo como pop-up - ¿Cómo puedo hacer para que la pagina solo se pueda abrir como popup, y si se abre en modo normal se cierre?

• Cerrar una ventana principal sin confirmación (II) - ¿Como puedo cerrar una ventana principal sin que aparezca ningún mensaje de confirmación?

• Cerrar todas las ventanas - ¿Cómo puedo, al salir de mi web, cerrar todas las ventanas que se hayan abierto desde mi sitio?

• Dialogo Web (popUp sin menus contextuales) - ¿Cómo abrir una ventana popUp sin menus contextuales ó mejor un Dialogo Web?

• Abrir enlace en un popup - ¿Cómo abrir un enlace en un popup?

• Aviso anti popup

• Otra forma de apertura lateral de una ventana con variantes - ¿Cómo puedo abrir una ventana de arriba hacia abajo y de izquierda a derecha?
• ¿Cómo puedo abrir una ventana de arriba hacia abajo y de izquierda a derecha?.