disign.it | Jquery: favicon automatica per i link a sito esterno | a digital sign for a best design!
A digital sign for a best design
Javascript 3.618 visualizzazioni

Jquery: favicon automatica per i link a sito esterno

31/05/2012

Tra le mille personalizzazioni di un link che si possono creare automaticamente, attraverso Jquery possiamo individuare i link che puntano su domini esterni e far comparire automaticamente come icona che precede il link la favicon del dominio stesso.

Lo script, qualora non trovasse la favicon provvederà a inserire un'immagine di defautl!

Dopo aver caricato le  librerie Jquery, qui l'articolo su come caricare automaticamente sempre la versione più aggiornata, utilizziamo questa sintassi (in grassetto il caricamento di default da personalizzare col proprio percorso):

 

jQuery(document).ready(function() {
    $('a[href^="http://"]').filter(function(){
    return this.hostname && this.hostname !== location.hostname;
    }).each(function() {
    var link = jQuery(this);
    var faviconURL =
    link.attr('href').replace(/^(http:\/\/[^\/]+).*$/, '$1')+'/favicon.ico';
    var faviconIMG = jQuery('<img src="favicon.png" alt="favicon" />')['prependTo'](link);
    var extImg = new Image();
    extImg.src = faviconURL;
    if (extImg.complete)
    faviconIMG.attr('src', faviconURL);
    else
    extImg.onload = function() { faviconIMG.attr('src', faviconURL); };
    });
})

In questo modo Jquery adogni link con prefisso http aggiungerà la favicon corrispondente!

← MySql: backup database da riga di comando Jquery: link di ritorno →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.