Mostrar los tags: capa

Mostrando del 1 al 6 de 6 coincidencias
<<>>
Se ha buscado por el tag: capa
Imágen de perfil

Escapar y des-escapar una cadena html


JavaScript

Publicado el 25 de Abril del 2020 por Katas (200 códigos)
1.401 visualizaciones desde el 25 de Abril del 2020
Mediante el comando replace() y una expresión regular, buscamos los caracteres a escapar y des-escapar para reemplazarlos por sus respectivos.

1
2
3
4
5
escapeHTML("<a href='https://url.com?id=1&val=2'>link</a>"); // &lt;a href=&#39;https://url.com?id=1&amp;val=2&#39;&gt;link&lt;/a&gt;
escapeHTML('<a href="https://url.com?id=1&val=2">link</a>'); // &lt;a href=&quot;https://url.com?id=1&amp;val=2&quot;&gt;link&lt;/a&gt;
 
unescapeHTML("&lt;a href=&#39;https://url.com?id=1&amp;val=2&#39;&gt;link&lt;/a&gt;"); // <a href='https://url.com?id=1&val=2'>link</a>
unescapeHTML("&lt;a href=&quot;https://url.com?id=1&amp;val=2&quot;&gt;link&lt;/a&gt;"); // <a href="https://url.com?id=1&val=2">link</a>
Imágen de perfil

Escapar una cadena con una expresión regular


JavaScript

Publicado el 15 de Diciembre del 2019 por Katas (200 códigos)
703 visualizaciones desde el 15 de Diciembre del 2019
Función que recibe una cadena y escapa los caracteres especiales utilizando replace() y una expresión regular.

1
2
escapeRegExp('hola $name'); // "hola \$name"
escapeRegExp('el objecto es: { nombre: ["juan", "jose"]}'); // "el objecto es: \{ nombre: \["juan", "jose"\]\}"
Imágen de perfil

Mostrar una capa al pasar el raton por encima de un texto o imagen


CSS

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 22 de Mayo del 2019 por Xavi (548 códigos) (Publicado el 31 de Marzo del 2011)
58.452 visualizaciones desde el 31 de Marzo del 2011
Código que muestra como al pasar el ratón por encima de un texto, te muestra una capa con el contenido que desees al lado del ratón. Al quitar el ratón de encima de el texto, desaparece la capa que se esta mostrando.

Versión 1:
Probado con IE6,7,8, 9, Firefox, Opera, Chrome y Safari.

Versión 2:
Funciona con todos los navegadores excepto con IE

layer-raton
Imágen de perfil

Secuencia de imágenes


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 19 de Octubre del 2015 por Xavi (548 códigos) (Publicado el 4 de Octubre del 2012)
8.402 visualizaciones desde el 4 de Octubre del 2012
Código que permite mostrar una capa para visualizar una secuencia de imágenes pulsando en las flechas de derecha e izquierda para ir moviéndote entre todas las imágenes.

jquery-secuenda-imagenes