Códigos Fuente de JavaScript

Mostrando del 631 al 640 de 902 registros
Imágen de perfil
Val: 553
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Buscar cadena en el DOM


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 20 de Octubre del 2016 por Kip (28 códigos)
4.530 visualizaciones desde el 20 de Octubre del 2016
Funcion que permite hacer una busqueda en el DOM, exceptuando los elementos BUTTON e INPUT, hace un highlight de las coincidencias mientras se las escribe en el input con el atributo ID asignado, haciendo uso de expresiones regulares.

busc

Su uso es sencillo, colocar el codigo de la funcion al inicio del documento y al final llamar a la funcion enviando como parametro el atributo ID del input en donde se ingresara la busqueda.

1
2
3
<script type="text/javascript">
	searchDOM('busqueda');
</script>

wdodfMlncX

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

Simple Modal Crossbrowser


JavaScript

Publicado el 18 de Octubre del 2016 por Scriptshow (138 códigos)
1.557 visualizaciones desde el 18 de Octubre del 2016
Un sencillo Light-box ó Modal crossbrowser creado desde cero. Dos funciones JS y CSS es suficiente para conseguir el efecto. No precisa de ninguna librería. Es fácil de adaptar a cualquier proyecto...
Imágen de perfil
Val: 553
Bronce
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Funcion estilo consola y texto dinamico


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 10 de Octubre del 2016 por Kip (28 códigos)
2.266 visualizaciones desde el 10 de Octubre del 2016
Una sencilla función que setea un div con un estilo parecido a una consola, asi mismo esta función se encarga de instanciar el input para poder agregar algun texto desde este de forma dinámica.

Oe7yW0o8Qo

Debes colocar entre <head> y </head> del documento el codigo fuente de la funcion.
Luego al final antes de finalizar el body debes colocar el llamado a la funcion, enviando como parametros el id del div a aplicar el estilo consola y el id del input de donde se tomara el texto, asi:

1
consoleMode('id-del-div', 'id-del-input');

A continuación, en el código fuente de abajo colocare el documento HTML completo, las indicaciones de arriba son por si solamente copias el código javascript de la función que se encuentra asi mismo mas abajo entre <head> y </head>.

Espero sea de utilidad.

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

Parallax Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Octubre del 2016 por Scriptshow (138 códigos) (Publicado el 8 de Octubre del 2016)
1.545 visualizaciones desde el 8 de Octubre del 2016
Lejos de lo que hay por ahí basado en librerías de 80 - 200kb. este Parallax utiliza 4 - 6 líneas de código javascript nativo, el que interpreta cualquier navegador web. En el 99.9 de los casos, NO es necesario el uso de frameworks para nuestros proyectos. Decimos que se eternizan los renderizados de contenidos, es cierto. Un buen proyecto desde cero, bien estructurado, puede ser un 90% más ágil y original que utilizando plantillas y marcos de trabajo cargados de código inútil. ¡La Imaginación es el límite!. Aprender es un placer, siempre.
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

Sidenav Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Octubre del 2016 por Scriptshow (138 códigos)
1.377 visualizaciones desde el 8 de Octubre del 2016
Menú de apertura y cierre lateral con efectos. Algo de CSS y dos funciones en javascript son suficientes para cumplir las expectativas. No necesita librería alguna, sólo 1 Kb. de código con estructura HTML incluida...
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

Digital Clock


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Octubre del 2016 por Scriptshow (138 códigos)
1.790 visualizaciones desde el 9 de Octubre del 2016
Perfecto Reloj Digital sin imágenes. Creado en DHTML puro desde cero. Difícil de mejorar... Hecho por un Genio del género, un experto en JavaScript. http://milov.nl/experiments/ Hay que visitar millones de Webs para encontrar unos pocos de éstos. Veinte años dándole al tema. En fin... "mucha envidia de la buena". Se te quitan las ganas de Frameworks, Librerías y demás código INÚTIL. ¡Hay vida más allá de... Experimenta!.

relog-digital-javascript