Promedio de descarga de los códigos de JavaScript

Promedio de visualizaciones realizadas por día desde su publicación en la web

Imágen de perfil

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


91 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Publicado el 19 de Agosto del 2013 por Xavi
116.663 visualizaciones desde el 19 de Agosto del 2013. Una media de 637 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

Obtener el valor de un select de varias maneras


44 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Agosto del 2013 por Xavi
56.436 visualizaciones desde el 19 de Agosto del 2013. Una media de 308 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

Función para buscar y filtrar valores en tabla HTML (elemento del DOM)


40 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Febrero del 2017 por kip
121 visualizaciones desde el 22 de Febrero del 2017
Función que busca y muestra las celdas con el valor tomado de un input text, si no existe el dato o valor se mostrara un mensaje en la tabla.

Screenshot_404

Screenshot_405

Screenshot_406

Es de suma importancia que la tabla tenga una estructura como la siguiente thead -> tr -> th y tbody -> tr -> td:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table>
	<thead>
		<tr>
			<th>
			</th>
			.........
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
			</td>
			.........
		</tr>
	</tbody>
</table>

Para usarla se debe colocar el archivo btab.js (con el path adecuado) en el archivo HTML de esta forma:

1
<script src="btab.js"></script>

La función recibe tres parámetros:

btab(id_del_input, id_de_tabla, true or false [OPCIONAL] )

El primer parámetro es el el atributo id del input, de alli se obtendra el valor a buscar.
El segundo parámetro es el atributo id de la tabla, donde se buscaran los datos.
Por último y opcional, un booleano sea este true o false indicara si la busqueda sera insensible a mayúsculas, por defecto es sensible a estas (false) y si si desea cambiar esto pasarle como valor true.

La búsqueda se realiza en todas las celdas de la tabla, si en alguna de estas existe el dato de búsqueda se mostrara toda la fila perteneciente a esta celda.

Ejemplo:
Screenshot_402

Es posible buscar mas de un dato en la tabla, para esto se debe separar por una coma , (valor1, valor2, ....) cada valor a buscarse.

Ejemplo:
Screenshot_403

La llamada a la funcion (por si usas jQuery) no se debe colocar dentro de las lineas:
1
$(document).ready(...

Esta funcion se encarga de ejecutarse por si misma cuando el DOM esta completamente cargada para evitar algun problema con los elementos de este.

Si surge algún problema con la función escribirlo por aqui, pronto se mejorara y añadiran mas detalles.

Saludos
Imágen de perfil

Suma de valores


38 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 27 de Noviembre del 2014 por Xavi (Creado el 21 de Enero del 2013)
57.570 visualizaciones desde el 21 de Enero del 2013. Una media de 273 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

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


37 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 06 de Marzo del 2013 por Xavi
53.934 visualizaciones desde el 06 de Marzo del 2013. Una media de 266 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.

Menu desplegable


36 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(19)
Publicado el 19 de Octubre del 2005 por Carlos Guimaraenz
148.248 visualizaciones desde el 19 de Octubre del 2005. Una media de 252 por semana
Sencilla función en JavaScript de un menú con items desplegables.
Para IE.
Imágen de perfil

Obtener las variables pasadas por la url en javascript


33 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Publicado el 06 de Noviembre del 2013 por Xavi
39.879 visualizaciones desde el 06 de Noviembre del 2013. Una media de 238 por semana
Código que muestra como obtener las variable pasadas por GET a una página web.
Imágen de perfil

Calcular la edad desde una fecha dada en HTML5


32 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(16)
Actualizado el 30 de Noviembre del 2014 por Xavi (Creado el 21 de Mayo del 2013)
44.505 visualizaciones desde el 21 de Mayo del 2013. Una media de 231 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

Obtener el valor de un radio button


32 visualizaciones de promedio por día

JavaScript

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

Cambiar la imagen cada 5 segundos


29 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(44)
Actualizado el 09 de Septiembre del 2015 por Xavi (Creado el 21 de Abril del 2014)
30.589 visualizaciones desde el 21 de Abril del 2014. Una media de 210 por semana
Simple código que muestra como cambiar una imagen de nuestra pagina de cada 5 segundos por otra imagen de forma aleatoria.
Imágen de perfil

Función para sumar o restar días a la fecha del sistema


27 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Publicado el 23 de Abril del 2012 por Xavi
47.688 visualizaciones desde el 23 de Abril del 2012. Una media de 189 por semana
Código que muestra una función que devuelve la fecha actual aumentada o disminuida en días dependiendo de los días recibidos como parámetro.
Imágen de perfil

Efecto Máquina de Escribir con JS


25 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 15 de Febrero del 2017 por Alejandro
254 visualizaciones desde el 15 de Febrero del 2017
Un simple efecto que simula una maquina de escribir utilizando javascript.
Imágen de perfil

Validar una dirección de correo


25 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 13 de Junio del 2011 por ScriptShow (Creado el 23 de Septiembre del 2009)
68.257 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
Imágen de perfil

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


25 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Agosto del 2013 por Xavi
31.799 visualizaciones desde el 19 de Agosto del 2013. Una media de 175 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

Buscar en el contenido de una tabla de HTML con JavaScript


23 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(23)
Publicado el 19 de Septiembre del 2013 por Xavi
28.326 visualizaciones desde el 19 de Septiembre del 2013. Una media de 161 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

Convertir un array de PHP a javascript


22 visualizaciones de promedio por día

JavaScript

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

Generador de Códigos QR con JavaScript


21 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 01 de Febrero del 2017 por ScriptShow
499 visualizaciones desde el 01 de Febrero del 2017
Generador de Códigos QR offline con JavaScript.

Una aplicación muy extendida por la web en sus diversas versiones... Aquí traemos un sencillo script que hace lo mismo, genera Códigos QR apartir de un texto escrito en un Textarea.
Para cualquier duda, leer los créditos incluidos en el archivo JS.

The word 'QR Code' is registered trademark of DENSO WAVE INCORPORATED

Espero sea útil.

Un saludo
Imágen de perfil

Simple Cronometro en javascript


19 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 30 de Septiembre del 2014 por Xavi
16.855 visualizaciones desde el 30 de Septiembre del 2014. Una media de 140 por semana
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.
Imágen de perfil

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


19 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 26 de Mayo del 2016 por Xavi (Creado el 28 de Agosto del 2013)
24.245 visualizaciones desde el 28 de Agosto del 2013. Una media de 133 por semana
Código que muestra como habilitar y deshabilitar un combo (select) según la sección de otro combo.
Imágen de perfil

formatear números con los separadores de miles


18 visualizaciones de promedio por día

JavaScript

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

Determinar si una fecha es superior a otra fecha


17 visualizaciones de promedio por día

JavaScript

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

Agregar y eliminar elementos li de una lista ul con javascript


17 visualizaciones de promedio por día

JavaScript

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

Como leer un archivo xml del servidor con JavaScript


16 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 15 de Septiembre del 2014 por Xavi
14.685 visualizaciones desde el 15 de Septiembre del 2014. Una media de 119 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.

Simular la función Trim() en JavaScript


16 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(20)
Publicado el 01 de Mayo del 2002 por Jesus Parra
86.614 visualizaciones desde el 01 de Mayo del 2002. Una media de 112 por semana
Simula a la famosa funcion Trim() que otros lenguajes implementan, desafortunadamente Javascript no cuenta con ella, espero les sirva.
Imágen de perfil

Obtener la diferencia en días entre dos fechas


16 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 08 de Julio del 2015 por Xavi (Creado el 16 de Julio del 2014)
15.050 visualizaciones desde el 16 de Julio del 2014. Una media de 112 por semana
Código que muestra como obtener los días que hay entre dos fechas dadas.
Verifica que las fechas sea correctas, y que la fecha inicial no sea posterior a la fecha final.

Validar rut Chileno


16 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 04 de Marzo del 2007 por Giovanny Tarifeño Peña
57.132 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

Validar una fecha con HTML5


15 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 21 de Marzo del 2015 por Xavi (Creado el 21 de Mayo del 2013)
21.218 visualizaciones desde el 21 de Mayo del 2013. Una media de 112 por semana
Código que muestra como validar una fecha utilizando el tag type="data" del HTML5.

html5-date
Imágen de perfil

Mostrar sucesivamente los input de un formulario


15 visualizaciones de promedio por día

JavaScript

Publicado el 26 de Diciembre del 2016 por ScriptShow
919 visualizaciones desde el 26 de Diciembre del 2016. Una media de 112 por semana
Simular con JavaScript el envío de un formulario con dos input que se muestran de uno en uno, sucesivamente... Cuando se completa el primer input correctamente [ Correo ], se muestra el segundo input [ Contraseña ]. Una vez finalizado el proceso, se reinicia la página.

La contraseña es: Test

Espero sea útil para experimentar...

Un saludo
Imágen de perfil

Albumes de fotos con carga independiente


14 visualizaciones de promedio por día

JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Enero del 2017 por ScriptShow
536 visualizaciones desde el 19 de Enero del 2017. Una media de 105 por semana
Visor de imágenes por álbumes con carga independiente...
Para evitar la espera al cargar álbumes que contienen muchas imágenes, sería aconsejable repartir en varios apartados, clasificados por contenidos, las diferentes fotos.

Técnicamente, hemos escogido una opción basada en varios Arrays que contienes las imágenes. Cada Array, está definido por una variable, que nos facilita su localización. Si clicamos en un enlace, invocamos el Array correspondiente incluido en una función, cargándose sólo esas imágenes...
El objetivo es poder ampliar casi indefinidamente el sistema, sin tener que esperar a que carguen todas las imágenes.

Espero sea útil.

Un saludo
Imágen de perfil

Sidenav Menú Vertical


14 visualizaciones de promedio por día

JavaScript

Publicado el 15 de Enero del 2017 por ScriptShow
587 visualizaciones desde el 15 de Enero del 2017. Una media de 105 por semana
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo