jQuery » Sviluppo » Javascript » Internet » CSS

Very short snippet: jQuery auto target blank link

lunedì 15 dicembre, 2008

Niente di nuovo, ma lo segno per ricordarmelo: come aggiungere un immagine a tutti i link che aprono una nuova pagina:

PLAIN TEXT
JavaScript:
  1. jQuery('a[@target=_blank]').addClass('external');

La classe css extenal è del tipo:

PLAIN TEXT
CSS:
  1. .external{background:url(images/external.png) no-repeat right 3px;padding-right:14px}

Come immagine si può usare: external

Il risultato è miolink

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , , , , , ,

3 commenti a: “Very short snippet: jQuery auto target blank link”

  1. getAvatar 1.0
    24 gen, 2009 Aggiungere un immagine a tutti i link che aprono una nuova pagina | Simone D'Amico:

    [...] | Undolog posted under jQuery, javascript Post correlati: CSS e Jquery: selezionare una riga di una [...]

  2. getAvatar 1.0
    25 gen, 2009 Giovambattista Fazioli:

    Con jQuery 1.3 (o superiori) è necessario eliminare la (at, @) dal codice, che diventa:

    PLAIN TEXT
    JavaScript:
    1. jQuery('a[target=_blank]').addClass('external');

    Rispondi Quota
  3. getAvatar 1.0
    02 feb, 2009 Gustavo Macedo:

    post in italiano ...
    Perfetto, grazie per le linee. Non appena possibile, per attuare nel mio css
    E di vivere sulla usabilità!

    Rispondi Quota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre>         // blocco generico
[code][/code]       // blocco generico
[as][/as]           // Actionscript
[css][/css]         // CSS Style Sheet
[html][/html]       // HTML
[js][/js]           // Javascript
[objc][/objc]       // Objective-C
[php][/php]         // PHP
[sql][/sql]         // SQL