Mostrar los tags: html

Volver

Agregar Código Fuente

Mostrando del 1 al 10 de 214 coincidencias

<<>>

Se ha buscado por el tag: html

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.

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

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="....">).

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

Vídeo como fondo de página con CSS

CSS

(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

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.

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

extendColorHex('#03f');    // '#0033ff'

extendColorHex('05a');     // '#0055aa'

extendColorHex('#0bdc3f'); // '#0bdc3f'

extendColorHex('0bdc3f');  // '#0bdc3f'

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.

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.

sitio web de inventario

PHP

(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

Sidenav Menú Vertical

JavaScript

(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

Links de Texto que aumenta / disminuye OnMouseOver

CSS

(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

1...Anterior12 3 4 5 6 7 8 9 10 11 Siguiente ...22