Mostrar los tags: tabla

Mostrando del 31 al 40 de 44 coincidencias
Se ha buscado por el tag: tabla
Imágen de perfil

Modificar el contenido de una tabla con doble click


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 24 de Abril del 2019 por Info (100 códigos)
10.377 visualizaciones desde el 24 de Abril del 2019
Este código muestra como haciendo doble click sobre una celda de una tabla, nos aparecerá un input para modificar el contenido de la misma.
Perdiendo el foco o pulsando la tecla Enter, desaparece el input y se muestra el valor modificando dentro de la tabla.

modificar-contenido-tabla
Imágen de perfil

Tabla Hash


Java

Publicado el 13 de Febrero del 2019 por Daniel (194 códigos)
12.709 visualizaciones desde el 13 de Febrero del 2019
Programa de Tabla Hash en ambiente gráfico realizado en Java.

Espero sea de utilidad.
sin imagen de perfil

Tabla de datos MySQL


PHP

Publicado el 17 de Septiembre del 2018 por Anonymous
2.567 visualizaciones desde el 17 de Septiembre del 2018
Se bebe tener en cuenta la cantidad de campos que tengas en tu tabla para que se muestren adecuadamente.
Imágen de perfil

Tabla Periódica


Pascal/Turbo Pascal

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 16 de Septiembre del 2018 por Maurico (3 códigos) (Publicado el 10 de Septiembre del 2018)
2.914 visualizaciones desde el 10 de Septiembre del 2018
El programa sirve para indicar al usuario un elemento cualquiera de la tabla periódica.
Imágen de perfil

Exámenes conectado a MySql


Java

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 12 de Agosto del 2018 por Rafael Angel (81 códigos)
3.547 visualizaciones desde el 12 de Agosto del 2018
Programa para gestionar los exámenes de un semestre o de un curso.
Ejemplifica el uso de MySql server.
Permite guardar datos en la base de datos.
Debe restaurar la copia de seguridad de la base de datos.

IMG_20180811_200241
IMG_20180811_200316
IMG_20180811_200345
Imágen de perfil

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)
19.941 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