Mostrar los tags: html

Mostrando del 141 al 150 de 220 coincidencias
Se ha buscado por el tag: html
Imágen de perfil

Position Fixed vs Absolute


CSS

Actualizado el 10 de Mayo del 2017 por Scriptshow (141 códigos) (Publicado el 20 de Octubre del 2016)
1.603 visualizaciones desde el 20 de Octubre del 2016
Hay navegadores que no soportantan algunos atributos de CSS. Por ejemplo: IExplorer en versiones 5, 6, 7, ... que todavía se utilizan, no soportan total ó parcialmente el atributo FIXED.
No obstante, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto a la etiqueta superior, este quedará "fijo" dentro de ella; si inmovilizamos la etiqueta HTML, que ya es casi fija de por si, los elementos contenidos con atributo absolute quedarán "fijos". Pero mejor lo vemos en el código.
Imágen de perfil

Muestra oculta contenido Onmouse Up / Down


CSS

Publicado el 8 de Mayo del 2017 por Scriptshow (141 códigos)
1.344 visualizaciones desde el 8 de Mayo del 2017
Utilizar puro CSS para mostrar / ocultar contenidos sin JScript. Al pulsar el botón izquierdo del mouse, se muestra el contenido, al soltar el botón pulsado, se oculta el contenido.
Algo para experimentar, adaptar en pequeños y/o grandes proyectos; ampliable y compatible.
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por Scriptshow (141 códigos) (Publicado el 26 de Febrero del 2017)
3.098 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Construir un Grid con CSS y HTML con efectos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Febrero del 2017 por Scriptshow (141 códigos)
2.749 visualizaciones desde el 26 de Febrero del 2017
Como construir un Grid en CSS y HTML con efectos de giro y cambio de color al clicar en los cuadrados. En fin, un experimento que no utiliza librerías...

Espero sea útil.


Un saludo
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.359 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

Creación de tabla html


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 14 de Febrero del 2017 por Fer
12.294 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

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por Scriptshow (141 códigos)
4.728 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

sistema de banco de sangre


PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 28 de Enero del 2017 por Carlos (5 códigos)
7.020 visualizaciones desde el 28 de Enero del 2017
Sistema de banco de sangre el cual consiste en registrar los donadores que lleguen a la unidad a donar su sangre las características del sistema es:
La pantalla de inicio
Registro de Donador
Registro de donación
Reportes (todos los reportes se generan en pdf)
Reporte por búsqueda y clasificación por sexo
Reporte por grupo sanguíneo
Reporte por Donación
Mantenimiento
Agrega nueva enfermedad
Agrega nuevo tipo de donación
Agrega clasificación
Contáctenos
Para consultar cualquier duda o modificación
Imágen de perfil

Slide Background images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 14 de Enero del 2017 por Scriptshow (141 códigos)
2.225 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