Códigos Fuente de JavaScript

Mostrando del 481 al 490 de 787 registros
Imágen de perfil
Val: 582
Bronce
Ha mantenido su posición 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(10)
Publicado el 22 de Febrero del 2017 por Kip (28 códigos)
10.835 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
sin imagen de perfil
Val: 24
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Creación de tabla html


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 14 de Febrero del 2017 por Fer
8.943 visualizaciones desde el 14 de Febrero del 2017
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
Val: 1.574
Plata
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por Scriptshow (138 códigos)
3.205 visualizaciones desde el 14 de Febrero del 2017
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
Val: 1.999
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convierte una fecha en formato ingles a español


JavaScript

Publicado el 6 de Febrero del 2017 por Xavi (534 códigos)
5.558 visualizaciones desde el 6 de Febrero del 2017
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
Val: 1.574
Plata
Ha disminuido 1 puesto 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 (138 códigos)
1.817 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: 96
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Semáforo


JavaScript

estrellaestrellaestrellaestrellaestrella(6)
Publicado el 6 de Enero del 2017 por Eduardo (15 códigos)
7.230 visualizaciones desde el 6 de Enero del 2017
Se trata de dos semaforos que cambias su estado despues de cierto tiempo
Imágen de perfil
Val: 1.574
Plata
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar sucesivamente los input de un formulario


JavaScript

Publicado el 26 de Diciembre del 2016 por Scriptshow (138 códigos)
1.862 visualizaciones desde el 26 de Diciembre del 2016
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
Val: 1.574
Plata
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Menú vertical ajustable con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 18 de Diciembre del 2016 por Scriptshow (138 códigos)
2.061 visualizaciones desde el 18 de Diciembre del 2016
Menú vertical de tamaño ajustable con JavaScript al ancho del dispositivo. Se basa en unas referencias (atributos y valores) para modificar el tamaño de los elementos...

La particularidad es que no utiliza "pseudo clases" ni "media queries", sólo JavaScript nativo crossbrowsers. Una simple función se encarga de todo.

Sirve para experimentar e implementar directamente en cualquier proyecto con pocas modificaciones.

Espero sea útil.


Un saludo
Imágen de perfil
Val: 1.574
Plata
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Formulario Simple de Contacto con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 15 de Diciembre del 2016 por Scriptshow (138 códigos)
12.044 visualizaciones desde el 15 de Diciembre del 2016
Formulario simple de contacto para servicios de dominio que no disponen de Php.
El script realiza el envío del contenido de los campos por medio de JavaScript y el Cliente de Correo predeterminado por el usuario. También utiliza alguna verificación básica antes del envío.
El conjunto, le da un toque personal y credibilidad a la Web. Puede utilizarse, con un buen eslogan, como Landing Page ó One Page antes del lanzamiento del Sitio definitivo. En fin...

Espero sea útil.


Un saludo
Imágen de perfil
Val: 1.574
Plata
Ha disminuido 1 puesto 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 (138 códigos) (Publicado el 27 de Noviembre del 2016)
3.107 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