Mostrar los tags: html

Mostrando del 1 al 10 de 214 coincidencias
<<>>
Se ha buscado por el tag: html
Imágen de perfil

Convertir las urls de un texto en enlace HTML


JavaScript

Publicado el 5 de Abril del 2021 por Katas (175 códigos)
221 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto plano, y devuelve el mismo texto pero con las urls en formato HTML (<a href="....">) para que puedan ser pulsadas por el usuario en la web.

1
2
3
4
console.log(urlTextToHTML("la url: https://www.dom.au esta ok")); // "la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok"
console.log(urlTextToHTML("la url: https://www.dom.au/index.html esta ok")); // "la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok"
console.log(urlTextToHTML("las urls: https://dom.au y https://www.dom.au estan ok")); // "las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok"
console.log(urlTextToHTML("texto sin url")); // "texto sin url"

Para quitar el tag html añadido al enlace, puedes utilizar la función urlHTMLToText() https://www.lawebdelprogramador.com/codigo/JavaScript/6994-Quitar-el-codigo-HTML-de-las-urls-de-un-texto.html
Imágen de perfil

Quitar el código HTML de las urls de un texto


JavaScript

Publicado el 5 de Abril del 2021 por Katas (175 códigos)
225 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto con enlaces en formato HTML, y devuelve el mismo texto pero quitando el formato HTML (<a href="....">).

1
2
3
4
console.log(urlHTMLToText('la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok')); // "la url: https://www.dom.au esta ok"
console.log(urlHTMLToText('la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok')); // "la url: https://www.dom.au/index.html esta ok"
console.log(urlHTMLToText('las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok')); // 'las urls: https://dom.au y https://www.dom.au estan ok'
console.log(urlHTMLToText('texto sin url')); // "texto sin url"

Esta función hace lo contrario que la función urlTextToHTML() https://www.lawebdelprogramador.com/codigo/JavaScript/6993-Convertir-las-urls-de-un-texto-en-enlace-HTML.html
Imágen de perfil

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 28 de Febrero del 2021 por Joan (112 códigos) (Publicado el 8 de Octubre del 2019)
1.397 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil

formatear un numero según es introducido en un input de un formulario


JavaScript

Publicado el 28 de Enero del 2021 por Aitor (6 códigos)
206 visualizaciones desde el 28 de Enero del 2021
Rutina en JavaScript para formatear el campo input de un formulario según se va introduciendo con el teclado.

Hay varias clases:
Números enteros positivos y negativos o solo los positivos.
Números flotantes positivos y negativos o solo los positivos.
Fijación de números flotantes a 2 decimales.

Se puede indicar el formato de los separadores de miles y de decimales entre el formato USA que usa como separador de miles la coma "," y el separador de decimales el punto "." o viceversa como en España.

Demo y copia gratuita de:
https://www.bc3toexcel.com/compartir/input-format-number-as-keyed.htm

En el navegador pulsando botón derecho del ratón opción mostrar código fuente se puede copiar.
format-number-as-keyed
Imágen de perfil

Convertir un código de color de 3 dígitos a 6 dígitos


JavaScript

Publicado el 25 de Noviembre del 2020 por Katas (175 códigos)
459 visualizaciones desde el 25 de Noviembre del 2020
Función para convertir un color en hexadecimal (utilizado en las web) de 3 dígitos a 6 dígitos

1
2
3
4
extendColorHex('#03f');    // '#0033ff'
extendColorHex('05a');     // '#0055aa'
extendColorHex('#0bdc3f'); // '#0bdc3f'
extendColorHex('0bdc3f');  // '#0bdc3f'
Imágen de perfil

iconos con efecto


CSS

Publicado el 20 de Noviembre del 2020 por Manuel (2 códigos)
728 visualizaciones desde el 20 de Noviembre del 2020
Algo pequeño no es responsive, pero se puede hacer.

es una pequeña animación con iconos y la propiedad de hover.
Imágen de perfil

Convertir acentos a formato HTML


JavaScript

Publicado el 31 de Octubre del 2020 por Xve (294 códigos)
626 visualizaciones desde el 31 de Octubre del 2020
Este simple código muestra como reemplazar los acentos y eñes de una cadena utilizando la función replace por su equivalente en formato HTML.
Imágen de perfil

sitio web de inventario


PHP

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 19 de Octubre del 2020 por Charly (2 códigos) (Publicado el 17 de Octubre del 2020)
3.807 visualizaciones desde el 17 de Octubre del 2020
En la carpeta hay una serie de páginas en php, que permiten utilizar un sitio web para llevar el inventario de cualquier empresa. Además, hay otras secciones como, compras y ventas, vehículos, nóminas, trabajadores, facturas, ...
admin
home
media
product
users
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 15 de Enero del 2017)
2.832 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 2 de Marzo del 2017)
2.096 visualizaciones desde el 2 de Marzo del 2017
Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...

Espero sea útil.

Un saludo