Asignar ID de ancla usando MooTools 1.2 -

Uno de mis usos favoritos de la biblioteca JavaScript de MooTools es el complemento SmoothScroll. Lo uso en mi sitio web, el sitio web de mi empleadores y en muchos sitios web de clientes. La mejor parte del complemento es que es muy fácil de implementar.

Recientemente me encontré con una situación en la que el cliente quería la función con un presupuesto muy ajustado. Los configuramos con PHP, lo cual fue de gran ayuda al permitirme agregar el archivo JavaScript smoothscroll.js a cada página, pero para usar SmoothScroll, cada ancla necesita una identificación. Por supuesto, su desarrollador anterior (solo movimos su contenido antiguo a un nuevo sistema, no actualizamos el código HTML) no agregó un atributo de ID a cada ancla porque no había ningún motivo para hacerlo. Desafortunadamente, sus millas de páginas estaban cargadas con anclajes, por lo que no tuvimos tiempo de agregarles atributos de identificación.

Usando algo de magia de MooTools 1.2, descubre una manera de hacer que esto funcione en poco tiempo.

window.addEvent('domready',function() { //se asegura de que los anclajes tengan identificadores$$('.content a').each(function(el) {if(el.get('name') ! el.get ('id')){el.set('id',el.get('name'));}});//desplazamiento suave habilitadonew SmoothScroll({ duración:700 }, ventana); }) ;

Antes de habilitar SmoothScroll, busque todos los anclajes y agregue un atributo de ID que refleje el nombre del anclaje. Solución rápida a un problema potencialmente grande.

Nota: Si es bueno con las expresiones regulares, comparta una expresión regular compatible con PHP que encuentre todos los anclajes y agregue un atributo de ID que refleje el nombre del anclaje. ¡Lograrás la inmortalidad en mi sitio!