Mostrar los tags: HTML

Mostrando del 161 al 170 de 203 coincidencias
Se ha buscado por el tag: HTML
Imágen de perfil

Buscar cadena en el DOM


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 20 de Octubre del 2016 por Kip (28 códigos)
3.094 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

Simple Modal Crossbrowser


JavaScript

Publicado el 18 de Octubre del 2016 por Scriptshow (137 códigos)
1.347 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

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por Scriptshow (137 códigos) (Publicado el 8 de Octubre del 2016)
9.628 visualizaciones desde el 8 de Octubre del 2016
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Imágen de perfil

Parallax Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Octubre del 2016 por Scriptshow (137 códigos) (Publicado el 8 de Octubre del 2016)
1.387 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

Sidenav Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Octubre del 2016 por Scriptshow (137 códigos)
1.222 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

Digital Clock


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Octubre del 2016 por Scriptshow (137 códigos)
1.544 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
Imágen de perfil

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2016 por Scriptshow (137 códigos)
1.329 visualizaciones desde el 8 de Octubre del 2016
Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.
Imágen de perfil

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Octubre del 2016 por Scriptshow (137 códigos)
4.599 visualizaciones desde el 4 de Octubre del 2016
Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.
Imágen de perfil

Enviar formularios independientes en jquery


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 6 de Agosto del 2016 por Vainas
1.681 visualizaciones desde el 6 de Agosto del 2016
Si tienes varios formularios en una web y quieres subir cada uno independientemente. Es solo agregar una clase a todos los formularios y utilizar dentro del submit el elemento this para obtener el formulario y despues usar serialize o serializeArray para obtener los valores de inputs dentro de mismo.

Dejo el codigo funciona aqui: https://jsfiddle.net/p8ch3uka/
Imágen de perfil

Mostrar formulario según elección


JavaScript

Publicado el 23 de Julio del 2016 por Javier (2 códigos)
1.337 visualizaciones desde el 23 de Julio del 2016
Este script sirve para mostrar un formulario u otro según la opción elegida en un desplegable.
En este ejemplo tenemos un desplegable con dos productos: tarjetas de visita y flyers. Según el producto elegido, se visualizará un formulario personalizado para ese producto.
Añado dos archivos, uno html con el formulario y otro con el script.