Recursos WordPress

Destacar enllaços externs dels interns amb Javascript

Si sou usuaris de la Viquipèdia, potser heu vist que diferencia els enllaços externs dels interns amb un color diferent i una imatge. Si voleu posar aquest efecte al vostre blog, simplement heu de seguir els passos següents.

Per començar, hauríeu de posar aquest codi dins de les etiquetes HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
    function init(){
        var links = document.getElementsByTagName('a');
        for(var i=0 ; i < links.length; i++){
            var link = links[i];
            if(link.href.indexOf('elteublog.cat') == -1){
                //  és un enllaç extern
                link.style.paddingRight = "10px";
                link.style.backgroundImage = "url(images/aoutside.gif)";
                link.style.backgroundPosition = "right center";
                link.style.backgroundRepeat = "no-repeat";
            }
        }
    }
</script></script>

ATENCIÓ! No sé perquè, però em crea dos tancaments de l’etiqueta script. N’heu d’esborrar un!

Aquest codi crea la funció init(), que busca totes les etiquetes que enllacin a una web diferent de la especificada a la línia 6 i li aplica un estil diferent (línies 8-11). La imatge que fa servir està definida a la línia 9.

Un cop enganxat el codi, heu de canviar l’etiqueta per i ja funcionarà.

Teniu més informació sobre això al blog Sofá Naranja.