Los códigos más visitados de JavaScript

Listado de los códigos más visitados durante los últimos 30 días
Imágen de perfil

Obtener el valor de un input type=text de varias maneras


4.253 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(22)
Publicado el 19 de Agosto del 2013 por Xavi
202.202 visualizaciones desde el 19 de Agosto del 2013. Una media de 791 por semana
Código de ejemplo que muestra como obtener los valores de un cuadro de texto por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
Imágen de perfil

Cambiar la imagen cada 5 segundos


1.378 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(75)
Actualizado el 11 de Septiembre del 2017 por Xavi (Publicado el 21 de Abril del 2014)
66.496 visualizaciones desde el 21 de Abril del 2014. Una media de 301 por semana
Simple código que muestra como cambiar una imagen de nuestra pagina de cada 5 segundos por otra imagen de forma aleatoria.

Hay dos versiones, con y sin enlaces (link) en las imágenes.
Imágen de perfil

Suma de valores


1.214 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(19)
Actualizado el 27 de Noviembre del 2014 por Xavi (Publicado el 21 de Enero del 2013)
95.135 visualizaciones desde el 21 de Enero del 2013. Una media de 336 por semana
Código que muestra como sumar los valores numéricos de unos cuadros de texto. Valida que los valores sean numéricos, mostrando el cuadro de texto en rojo si son incorrectos.
Imágen de perfil

Buscar en el contenido de una tabla de HTML con JavaScript


1.098 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(37)
Publicado el 19 de Septiembre del 2013 por Xavi
52.383 visualizaciones desde el 19 de Septiembre del 2013. Una media de 210 por semana
Código que muestra como realizar una búsqueda dentro de una de html con Javascript.
Este ejemplo ha sido sacado del foro de JavaScript de esta página.
Imágen de perfil

Abrir una pagina web en una nueva pestaña con JavaScript


1.090 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 11 de Mayo del 2015 por xve
29.246 visualizaciones desde el 11 de Mayo del 2015. Una media de 182 por semana
Este simple código muestra como abrir en una nueva pestaña una pagina web utilizando javascript
Imágen de perfil

Calculadora Basica


1.041 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 17 de Marzo del 2018 por Humberto (Publicado el 15 de Marzo del 2017)
15.554 visualizaciones desde el 15 de Marzo del 2017. Una media de 224 por semana
Esta es una calculadora un poco mas compleja que la que había hecho anteriormente
Imágen de perfil

Añadir o eliminar selects segun el usuario va seleccionando


991 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Junio del 2018 por Xavi
1.061 visualizaciones desde el 21 de Junio del 2018. Una media de 238 por semana
Este código muestra como se pueden clonar y eliminar elementos de una pagina. En este ejemplo, se va clonando el select de países mientras el usuario seleccione.

paises-por-seleccionar

paises-seleccionados


Los datos se obtienen desde PHP, Java, Python, ... en un array de valores, devolviendo algo como:
1
[paises] => Array ( [0] => 4 [1] => 5 [2] => 1 [3] => 3 [4] => 0 )
Imágen de perfil

Calcular la edad desde una fecha dada en HTML5


964 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Actualizado el 30 de Noviembre del 2014 por Xavi (Publicado el 21 de Mayo del 2013)
70.309 visualizaciones desde el 21 de Mayo del 2013. Una media de 266 por semana
Código que calcula la edad de una persona seleccionando la fecha en un <input type="data"> de HTML5.
Imágen de perfil

Convertir un array de PHP a javascript


898 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 08 de Febrero del 2018 por Xavi (Publicado el 12 de Febrero del 2013)
49.927 visualizaciones desde el 12 de Febrero del 2013. Una media de 182 por semana
Simple código que muestra como convertir un array de php a javascript.
Imágen de perfil

Obtener el valor de un select de varias maneras


843 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 19 de Agosto del 2013 por Xavi
90.013 visualizaciones desde el 19 de Agosto del 2013. Una media de 357 por semana
Código de ejemplo que muestra como obtener los valores de un select por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
Imágen de perfil

Sumar los valores de una tabla html y mostrar el total


834 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 27 de Junio del 2018 por Xavi
834 visualizaciones desde el 27 de Junio del 2018
En este sencillo código, muestro como multiplicar el precio de los productos por el precio y mostrar el total, obteniendo los datos de una tabla html

calcular-valores-tabla-1

calcular-valores-tabla-2
Imágen de perfil

formatear números con los separadores de miles


830 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 25 de Octubre del 2012 por Xavi
43.597 visualizaciones desde el 25 de Octubre del 2012. Una media de 147 por semana
Función que devuelve un numero separando los separadores de miles. Puede recibir valores negativos y con decimales.
Imágen de perfil

Buscar dentro de un select y seleccionar el valor


773 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 18 de Noviembre del 2016 por xve
9.582 visualizaciones desde el 18 de Noviembre del 2016. Una media de 112 por semana
Este simple código muestra como buscar en los <option> de un <select> y seleccionar el valor encontrado desde JavaScript con selectedIndex.
Imágen de perfil

Obtener el valor de un radio button


760 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 19 de Agosto del 2013 por Xavi
66.892 visualizaciones desde el 19 de Agosto del 2013. Una media de 266 por semana
Código que muestra como obtener el valor del radio button seleccionado.
Imágen de perfil

Obtener el valor de un input type=checkbox de varias maneras


726 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 19 de Agosto del 2013 por Xavi
47.144 visualizaciones desde el 19 de Agosto del 2013. Una media de 189 por semana
Código de ejemplo que muestra como obtener los valores de un checkbox por su nombre, por su id, por el elemento, por el tagname y por la clase asignada.
Imágen de perfil

Validar una dirección de correo


723 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 13 de Junio del 2011 por ScriptShow (Publicado el 23 de Septiembre del 2009)
81.973 visualizaciones desde el 23 de Septiembre del 2009. Una media de 182 por semana
Código que muestra como validar una dirección de correo electrónico mediante una expresion regular

Actualizar pagina cada 10 segundos


682 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 02 de Enero del 2003 por Kovi
66.167 visualizaciones desde el 02 de Enero del 2003. Una media de 84 por semana
Código que actualiza la pagina actual cada 10 segundos.
Imágen de perfil

Recibir variables estilo GET


674 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 25 de Junio del 2018 por Alejandro
674 visualizaciones desde el 25 de Junio del 2018
Este codigo simplemente lee los datos pasados por la url y compone un array con llave-valor que pueden ser usados como GET[llave] similar a lenguajes de servidor como PHP $_GET[llave] o ASP request.queryString(llave)
Imágen de perfil

Sistema de encuestas en JavaScript


670 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Junio del 2018 por Xavi
670 visualizaciones desde el 26 de Junio del 2018
Este simple código es de ejemplo para ver como utilizar un array bidimensional en Javascript para simular el guardado de los resultados de una encuesta.

encuensta-javascript


NOTA; Unicamente es de ejemplo, ya que no guarda en ningún lugar los resultados de la encuesta.
Imágen de perfil

Calcular los múltiplos de 3 y 5


647 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 26 de Febrero del 2015 por xve
25.138 visualizaciones desde el 26 de Febrero del 2015. Una media de 147 por semana
Ejemplo que muestra como calcular los múltiplos de un número dado utilizando el resto de una división en JavaScript.
Para este ejemplo, se devuelven los múltiplos de 3 y 5 de entre los números 1 y 100
Imágen de perfil

Agregar y eliminar elementos li de una lista ul con javascript


632 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 28 de Mayo del 2014 por Xavi
32.434 visualizaciones desde el 28 de Mayo del 2014. Una media de 154 por semana
Código que muestra como añadir y eliminar elementos en una lista desordenada.
Imágen de perfil

Validating strong password | Validar contraseña fuerte


631 visualizaciones el último mes

JavaScript

Actualizado el 01 de Julio del 2018 por Alexis Jose (Publicado el 30 de Junio del 2018)
631 visualizaciones desde el 30 de Junio del 2018
En el ejemplo que a continuación les brindamos, es un sencillo algoritmo en lenguaje javascript, utilizando las funciones nativas del propio lenguaje, podremos validar que una contraseña ingresada cumpla con los requerimientos de una contraseña fuerte.

Primeramente los criterios que tomaremos para validar que la contraseña sea fuerte son los siguientes:

Tiene ocho caracteres como mínimo.
Letras mayúsculas.
Letras minúsculas.
Números.
Símbolos del teclado (todos los caracteres del teclado que no se definen como letras o números) y espacios.

Para el proceso de validación se utiliza el código ASCII (https://es.wikipedia.org/wiki/ASCII), compartimos en el siguiente enlace la tabla de ASCII de la wikipedia: códigos ASCII.

para conocer el código ASCII de un carácter de una cadena en javascript utilizamos la función: charCodeAt
Imágen de perfil

Cargar valores en un select dependiendo de la seleccion en otro select


598 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 06 de Marzo del 2013 por Xavi
70.781 visualizaciones desde el 06 de Marzo del 2013. Una media de 259 por semana
Código que muestra como eliminar los valores de un select y cargar otros valores nuevos dependiendo de la selección en un select previo. Estos valores son cargados de un array de valores previamente definido.
Imágen de perfil

Simple Cronometro en javascript


580 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 15 de Marzo del 2018 por Xavi (Publicado el 30 de Septiembre del 2014)
29.157 visualizaciones desde el 30 de Septiembre del 2014. Una media de 147 por semana
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.

cronometro
Imágen de perfil

Botón de Agregar en chosen js


579 visualizaciones el último mes

JavaScript

Publicado el 24 de Junio del 2018 por Carlos Luis
579 visualizaciones desde el 24 de Junio del 2018. Una media de 147 por semana
chosen1

Permite agregar un nombre no registrado en la base de datos, en este caso un veterinario, el cual no figura en el select, extraido de una consulta.

En resumen. Se aprovecha que se puede incluir codigo HTML en el mensaje que muestra chosen.js (no_results_text:), cuando no consigue una opción al ser buscada.

La función: agregarItemChosen = function(elem, tipo, strUrl1, strUrl2),

* elem: Elemento del chosen que contiene el nuevo dato.
* tipo: Necesario porque reutilzo la función para otros controles select (operadores, ejemplo).
* strUrl1: Primera url para guardar el dato.
* strUrl2: Si es exitosa al guardar los dato, esta permite volver a consultar.

El proceso es:
- Asignar el boton a chosen.
- Guardar el dato.
- Volver a consultar
- Asignar el dato al select.


Van a ver mucho código, pero lo principal esta en Javascript, mostre las funciones en PHP, para aclarar dudas.

Saludos
Imágen de perfil

Determinar si un numero es par o impar


565 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 08 de Marzo del 2016 por xve (Publicado el 27 de Enero del 2016)
9.646 visualizaciones desde el 27 de Enero del 2016. Una media de 77 por semana
Este simple código muestra si un numero es par o impar
Imágen de perfil

Determinar si una fecha es superior a otra fecha


563 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Publicado el 05 de Noviembre del 2013 por Xavi
34.440 visualizaciones desde el 05 de Noviembre del 2013. Una media de 147 por semana
Función que dadas dos fechas, determina si una fecha es superior a la otra.
Imágen de perfil

habilitar, deshabilitar combos según la selección en otro combo


549 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 26 de Mayo del 2016 por Xavi (Publicado el 28 de Agosto del 2013)
38.216 visualizaciones desde el 28 de Agosto del 2013. Una media de 154 por semana
Código que muestra como habilitar y deshabilitar un combo (select) según la sección de otro combo.

Validar rut Chileno


544 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 04 de Marzo del 2007 por Giovanny Tarifeño Peña
64.265 visualizaciones desde el 04 de Marzo del 2007. Una media de 112 por semana
Código para validar el rut Chileno.
Imágen de perfil

Como leer un archivo xml del servidor con JavaScript


531 visualizaciones el último mes

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 15 de Septiembre del 2014 por Xavi
25.949 visualizaciones desde el 15 de Septiembre del 2014. Una media de 133 por semana
Simple script que muestra el listado de algunos foros de La Web del Programador leyendo un archivo XML desde JavaScript

Se tiene que crear un archivo xml (foros.xml) y guardarlos en la carpeta del servidor web donde se ejecutara el código de ejemplo.
El contenido de este archivo lo puedes encontrar comentando al final del código fuente.

Se utiliza el objeto: XMLHttpRequest que realiza una petición AJAX al servidor para descargarse el archivo xml.
Revisar política de publicidad