Caro vecchio target=»" di a
Eh si. Pare che l'attributo target del tag a non vada più a genio al sig. W3C.
Lo freghiamo (il sig. W3C) utilizzando l'attributo rel (HTML 4.0) e JavaScript.
In realtà questo attributo serve per specificare la relazione tra il documento che contiene il link e la destinazione del link stesso. Le specifiche definiscono dei valori standard da utilizzare (es. next, previous, chapter, section) solitamente per raggiungere piccole sezioni di grandi documenti, ma non vietano l'utilizzo di adattarli alle proprie esigenze.
Facciamo un esempio per quello che sarebbe stato un semplice target=»_blank» ( apri link in nuova finestra ).
Prima:
<a href=»document.html» target=»_blank»> external link </a>
Adesso:
<a href=»document.html» rel=»external»> external link </a>
Ed ora il JavaScript:
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName(«a»);
for (var i=0; i
if (anchor.getAttribute(«href») &&
anchor.getAttribute(«rel») == «external»)
anchor.target = «_blank»;
}
}
window.onload = externalLinks;
Adesso per utilizzarlo in tutte le pagine del vostro sito, dovete salvare lo script sopra in un file separato (es. external.js), e caricarlo all'interno del tag head di ogni documento:
<script type=»text/javascript» src=»/external.js»>
</script>
Fine.
Vi piace il trucco?
Fonte: SitePoint
Write a comment
If you want to add your comment on this post, simply fill out the next form:
* Required fields
You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>.
2 comments
#2. bd, 3 years and 5 months ago
Ok. Per la conversione del codice ho trovato questo tool --> http://www.felgall.com/html...
#1. bd, 3 years and 6 months ago
Ho dovuto sostituire i «<» «>» con degli «-» perchè non riesco ad inserire del codice HTML senza che Nucleus lo interpreti...
No trackbacks
To notify a mention on this post in your blog, enable automated notification (Options > Discussion in WordPress) or specify this trackback url: http://www.linuxchronicles.com/todo/caro-vecchio-target-di-a/trackback/