borrame.com - Colección particular de recortes de código y documentación para programación web

Canales RSS

Lo más fresco

  1. Bookmarklets Nuevo
  2. Recetario básico para CakePHP/2 Nuevo
  3. Certificado auto-firmado Nuevo

Sugerencias del chef

Lo más visitado

  1. Fecha y hora
  2. Dar formato a un número
  3. Reiniciar secuencia
  4. Vaciar un esquema
  5. Certificado auto-firmado
Compartir esta página

Bookmarklets

Aquí se recoge mi colección de bookmarklets sencillos aunque útiles, compuesta a fecha de hoy por un asombroso total de 1 elemento. Para cada uno se ofrece el código fuente (que se puede toquetear a voluntad y compactar con la herramienta online de la casa) y un enlace listo para arrastrar a la barra de marcadores del navegador.

Generar enlaces internos

Recorre la página actual y genera un enlace directo a todas las ubicaciones susceptibles de ello, que normalmente serán muchas ya que se pueden enlazar todos los elementos con atributo id. El enlace seleccionado se puede añadir a los favoritos, enviar por e-mail o publicar en un foro. Cuanto más extenso y bien estructurado sea el sitio web más útil suele resultar.

⚓ Generar enlaces internos

if (!document.bookmarkletEnlacesInternosGenerados) {     document.bookmarkletEnlacesInternosGenerados = true;     document.querySelectorAll("*[id], a[name]").forEach(function (elemento) {         var ancla = document.createElement("a");         var identificador = elemento.id || elemento.getAttribute("name");         var url = "#" + identificador;         ancla.setAttribute("href", url);         ancla.setAttribute("title", identificador);         ancla.appendChild(document.createTextNode("⚓"));         ancla.style = "float: left; margin: 0 2px 2px 0; padding: 1px; width: 10pt; height: 10pt; line-height: 10pt; font-size: 10pt; font-weight: normal; text-decoration: none; text-align: center; border-radius: 100%; color: white; background-color: #448CCB;";         if (elemento.hasChildNodes()) {             elemento.insertBefore(ancla, elemento.firstChild);         } else {             elemento.appendChild(ancla);         }     }); }

Historial

v2017-07-19
Generar enlaces internos: mostrar el enlace al principio del elemento (que resulta más intuitivo) y mejorar la estética del enlace
v2017-06-11
Primer bookmarklet: generar enlaces internos

Esta página ha sido impresa el sábado 23 de septiembre de 2017 (02:21:52 +0200) desde http://borrame.com/recortes/javascript/bookmarklets.html. La última vez que miré contenía HTML válido con CSS fresquito y si tiene flatas de ortografía ha sido sin querer.

borrame.com es el sitio anteriormente conocido como bits.demogracia.com (no confundir con Demogracia, que sólo pasaba por ahí).

© 2005-2017 by Álvaro González (alvaro.es) • Burgos (España) • borrame.com