Buscar un código de JavaScript

Mostrando del 421 al 430 de 529 coincidencias
Se ha buscado por la cadena: javascript
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Interactive Fade Menu 2.0


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Junio del 2017 por Scriptshow (141 códigos)
2.299 visualizaciones desde el 12 de Junio del 2017
Menú Fade Interactivo que gradualmente actúa según la actividad en la Web.
No utiliza librerías, frameworks. etc. de terceros. Por tanto, reacciona rápido; es compatible con cualquier navegador web.

Tiene otras muchas y variadas aplicaciones.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Animacion con Sprite Sheets


JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 25 de Abril del 2017 por Alejandro (9 códigos) (Publicado el 14 de Marzo del 2017)
11.605 visualizaciones desde el 14 de Marzo del 2017
pacman12
Un Pac-man que caminar a izquierda o derecha segun la tecla pulsada, salta al presionar la barra espaciadora y corre con ctrl. Participa un gato al que hay que evitar y ademas hay presencia de sonidos.

Es un sencillo ejemplo donde se ve animacion con el uso de Sprite Sheets, interaccion con el teclado, colisiones y reproduccion de sonido, escencias basicas para el desarollo de videojuegos :D
Imágen de perfil
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ajax - Promises


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 15 de Abril del 2017 por D4redevilx (4 códigos)
2.543 visualizaciones desde el 15 de Abril del 2017
Esta clase permite realizar peticiones vía ajax de forma fácil, utilizando los métodos GET y POST.
La sencillez de la clase se ve beneficiada por el uso del objeto Promise implementado en el último estándar de ECMASCRIPT 6 - ES2015.
Imágen de perfil
Val: 553
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


JavaScript

estrellaestrellaestrellaestrellaestrella(11)
Publicado el 22 de Febrero del 2017 por Kip (28 códigos)
20.217 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
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Slide Background images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 14 de Enero del 2017 por Scriptshow (141 códigos)
2.456 visualizaciones desde el 14 de Enero del 2017
Script que permite cambiar la imagen de fondo al clicar en una miniatura. Ejemplo basado en una estructura básica y compatible 100%. Muy sencillo de ampliar y adaptar a cualquier proyecto.
Si se precisa, con CSS es fácil cambiar el aspecto, posiciones, tamaños, color, etc...

Espero sea útil para experimentar.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Letras Animadas y efectos color


JavaScript

Actualizado el 6 de Diciembre del 2016 por Scriptshow (141 códigos) (Publicado el 27 de Noviembre del 2016)
4.857 visualizaciones desde el 27 de Noviembre del 2016
Letras animadas con efectos varios: movimientos, color, slide, fade, etc. El resultado de combinaciones está muy logrado... Es configurable y adaptable.

Mejor ver los efectos.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Efecto Background Color Fade


JavaScript

Actualizado el 5 de Diciembre del 2016 por Scriptshow (141 códigos) (Publicado el 27 de Noviembre del 2016)
2.860 visualizaciones desde el 27 de Noviembre del 2016
Efecto fade para cambiar el color de fondo de una página web. La transición es progresiva y es ajustable. Aleatoriamente cubre una amplia gama de colores. ¡Te gustará!.

Espero sea útil,

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Editar elementos HTML en su sitio de origen


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2016 por Scriptshow (141 códigos)
4.479 visualizaciones desde el 20 de Noviembre del 2016
Algunos navegadores soportan la propiedad / atributo ContentEditable. Siendo así, podemos convertir un eleneto, objeto, etiqueta en editable... Sí, editable sin guardar los cambios, porque lo hacemos en el lado cliente, no en el servidor con un lenguaje interpretado: Php, Asp, Perl, etc. ¡No hay magia!, ni la inseguridad que acarrearía. Eso sí, imagina porque hay muchas posibilidades: escribe, borra, arrastra, cambia el tamaño; todo por sesión...