Mostrar los tags: HTML

Mostrando del 101 al 110 de 186 coincidencias
Se ha buscado por el tag: HTML
Imágen de perfil

C R O S S B R O W S E R S - para - TOD@S


CSS

Actualizado el 24 de Junio del 2017 por Scriptshow (Publicado el 18 de Junio del 2017)
1.733 visualizaciones desde el 18 de Junio del 2017
La compatibilidad, mejor con TOD@S

Hazlo Tú mismo - D.Y.S.

Espero sea útil.

Un saludo
Imágen de perfil

Elementos Web Adaptables Ajustables ...


CSS

Actualizado el 24 de Junio del 2017 por Scriptshow (Publicado el 18 de Junio del 2017)
1.926 visualizaciones desde el 18 de Junio del 2017
Adaptar y/o ajustar contenidos a distintas resoluciones de pantalla es ideal, posible con CSS compatible. Sin pseudoclases, sin mediaqueries, sin librerías de terceros, sin frameworks...

Cualquier navegador y/o dispositivo, puede poner las cosas en su sitio. No te compliques.

Espero sea útil.

Un saludo
Imágen de perfil

Interactive Fade Menu 2.0


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Junio del 2017 por Scriptshow
1.404 visualizaciones desde el 12 de Junio del 2017
Menú Fade Interactivo que gradualmente actúa según la actividad en la Web.
No utiliza librerías, frameworks. etc. de terceros. Por tanto, reacciona rápido; es compatible con cualquier navegador web.

Tiene otras muchas y variadas aplicaciones.

Espero sea útil.

Un saludo
Imágen de perfil

Editor de Texto por secciones / etiquetas


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 28 de Mayo del 2017 por Scriptshow
1.300 visualizaciones desde el 28 de Mayo del 2017
Podemos autorizar ó restringir la edición de texto con JavaScript. Este Script, actúa al clicar en una zona de texto que previamente está declarada dentro de una función...
Modificamos el texto por medio de un Textarea que, al perder el focus, se oculta y devuelve el resultado a la etiqueta que contiene dicho texto. Todo el proceso, se produce en tiempo real, en el lado cliente.
Puede tener diversas aplicaciones.

Espero sea útil.
Imágen de perfil

Position Fixed vs Absolute


CSS

Actualizado el 10 de Mayo del 2017 por Scriptshow (Publicado el 20 de Octubre del 2016)
1.158 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
959 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

Añadir texto al final de una frase con JScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2017 por Scriptshow
1.521 visualizaciones desde el 12 de Marzo del 2017
Hay varias opciones para realizar lo indicado en el Título de este post.
Vamos a intentar una forma sencilla de añadir texto al final de una frase...

Espero sea útil.


Un saludo
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por Scriptshow (Publicado el 26 de Febrero del 2017)
2.387 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
2.097 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(6)
Publicado el 22 de Febrero del 2017 por Kip
9.294 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