Entradas

Mostrando las entradas etiquetadas como js

Copiar el valor de un INPUT con Javascript

Imagen
  En nuestras páginas o paneles muchas veces mostramos datos en algún INPUT y es necesario copiarlo con el clic de un botón. Este código funciona solo con JavaScript, debido a que ahora todos los navegadores trabajan con la última versión de JS que es bastante potente. Cómo funciona A el INPUT se le asigna un ID para poder identificarlo, luego el botón llama a la función copiar. Al final la función usa el ID del INPUT y selecciona su valor  para finalmente copiarlo. <input id="123" type="text" value="https://wwww.guiaplaza.com" /><button onclick="copiar(1)" type="button">Copiar</button> <script> function copiar() { let copyInput = document.querySelector('#123'); copyInput.select(); document.execCommand("copy"); } </script> Para hacerlo con varios INPUT mira el siguiente ejemplo: https://webmasters.guiaplaza.com/2022/05/copiar-el-valor-de-un-input-de-una.html

Copiar el valor de un input de una lista de varios input

Imagen
  En nuestras páginas o paneles muchas veces mostramos datos en los INPUT y es necesario copiarlos solo con el clic de un botón. Este código funciona solo con JavaScript, debido a que ahora todos los navegadores trabajan con la última versión de JS que es bastante potente. Cómo funciona A cada INPUT se le asigna un ID para poder identificarlo y luego cada botón llama a la función copiar enviando como parámetro el mismo ID del INPUT. Al final la función se ejecuta recogiendo el parámetro, pero muy importante haciendo un escape del ID, seleccionando el valor del INPUT y finalmente copiándolo. <input id="1" type="text" value="url1" /><button onclick="copiar(1)" type="button">Copiar</button> <input id="12" type="text" value="url2" /><button onclick="copiar(12)" type="button">Copiar</button> <input id="123" type="text" value="

Script para buscar palabras o textos en una página (html) con Jquery

Imagen
Aquí les muestro la solución que recientemente encontré para colocar un buscador dentro de una página web para que encuentre textos o palabras. El script funciona con Jquery y un pequeño Javascript que busca en el html y resalta (en amarillo) los textos que va encontrando según tu vayas ingresando las letras. El color de fondo puede variarse de acuerdo al tema y colores de tu página web. Es además un script moderno  (2012) que trabaja con todos los navegadores como el Chrome, IE9, Safari, etc.