Códigos Fuente de JavaScript

Mostrando del 41 al 50 de 396 registros
Imágen de perfil

Cargar un archivo JS o CSS en segundo plano, y controlar cuando ha terminado de cargarse en la pagina


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 28 de Febrero del 2017 por xve
823 visualizaciones desde el 28 de Febrero del 2017. Una media de 35 por semana
Este código muestra como cargar un archivo JS o CSS en nuestra página de manera asyncrona, pudiendo controlar cuando termina de cargarse en la página.
Imágen de perfil

Juego de memoria (Memorama)


JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 25 de Febrero del 2017 por Alejandro
2.859 visualizaciones desde el 25 de Febrero del 2017. Una media de 119 por semana
Hice modificaciones a un código que saque de un libro ya que:
1.- Las cartas no siempre generaban pares
2.- Podía voltear mas de 2 cartas sin cubrirlas
3.- Cuando se terminaban las cartas quedaba el fondo

Así que las cartas ya siempre son en pares y limita a descubrir solo 2.
Al terminar las cartas dice "juego terminado" y al clickar comienza uno nuevo.

Es muy sencillo pero es base para desarrollos mas complejos, si tengo oportunidad luego lo publico con imágenes jeje

memorama
memorama2
Imágen de perfil

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


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 22 de Febrero del 2017 por kip
1.371 visualizaciones desde el 22 de Febrero del 2017. Una media de 56 por semana
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

Efecto Máquina de Escribir con JS


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 15 de Febrero del 2017 por [abZeroX]
1.836 visualizaciones desde el 15 de Febrero del 2017. Una media de 70 por semana
Un simple efecto que simula una maquina de escribir utilizando javascript.

Creación de tabla html


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 14 de Febrero del 2017 por Fer
961 visualizaciones desde el 14 de Febrero del 2017. Una media de 42 por semana
Muchos pueden buscar una manera de pedirle al usuario el numero de filas y columnas para crear una tabla en html. Por medio de JavaScript se puede conseguir con este sencillo y funcional código.
Espero les ayude.
Imágen de perfil

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por ScriptShow
966 visualizaciones desde el 14 de Febrero del 2017. Una media de 42 por semana
Una forma sencilla de manejar un Select con JavaScript. Se puede cambiar de opción a distancia, pulsando un botón, un enlace, una imagen, etc...
Si pones el valor de la primera opción del Select en el DOM, actúa como un "reset".

Espero sea útil para para experimentar.

Un saludo
Imágen de perfil

Convierte una fecha en formato ingles a español


JavaScript

Publicado el 06 de Febrero del 2017 por Xavi
815 visualizaciones desde el 06 de Febrero del 2017. Una media de 35 por semana
Código que recibe un fecha en formato ingles (aaaa/mm/dd), y la devuelve el formato español (dd/mm/aaaa) si esta es correcta, o un objeto fecha. Incluye función para validar si la fecha es correcta.

Este código es el mismo que hay publicado aquí pero modificado para convertir de ingles a español.
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 01 de Febrero del 2017 por ScriptShow
1.967 visualizaciones desde el 01 de Febrero del 2017. Una media de 70 por semana
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

Albumes de fotos con carga independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Enero del 2017 por ScriptShow
1.429 visualizaciones desde el 19 de Enero del 2017. Una media de 49 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


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Enero del 2017 por ScriptShow
1.397 visualizaciones desde el 15 de Enero del 2017. Una media de 49 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