Prova questo codice (è una pagina html completa di test):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<script type="text/javascript">
<!--
function aggiusta_link ()
{
if (navigator.userAgent.toLowerCase().indexOf ("msie") != -1)
{
for (i=0; i<document.links.length; i++)
{
document.links(i).innerHTML += " <img src=\"http://img230.imageshack.us/img230/5382/external6ku.gif\" border=\"0\" width=\"10\" height=\"10\">";
}
}
}
//-->
</script>
<style type="text/css">
<!--
a:after { content: url("http://img230.imageshack.us/img230/5382/external6ku.gif"); padding-left: 5px; }
-->
</style>
</head>
<body onload="aggiusta_link()">
<p>
<a href="http://www.google.com">Google</a>
<br>
<a href="http://www.altavista.com">Altavista</a>
</p>
</body>
</html>Nota: ho linkato la prima immagine che ho trovato. :p
Comunque lo stile CSS serve per i browser che gestiscono correttamente la pseudo-classe :after (es. Firefox) mentre lo script JS controlla se il browser è IE e in quel caso aggiusta i link.
Spero che sia questo che volevi fare. ;)
non è esattamente quello che cerco, ma grazie lo stesso. La funzione che volevo dovrebbe trovare tutte le classi con :after e modificare i tag che la usano, perchè ho diverse classi :after e dovrei mettere un bel po' di js per completare, e inoltre non è riutilizzabile.
Provo a modificarla un po' io domani, ma ho un dubbio (scusate ma non posso installare IE fin quando non riesco a farlo girare con wine): si riesce dal dom a capire se ad una classe è stata associata la pseudo classe after, ed eventualmente al leggere il contenuto det tag content, quindi modificare tutti gli elementi a cui è stata attribuita quella classe? grazie infinite