Non ti supporto più
Update: ho corretto alcuni errori, ora il codice funziona perfettamente anche su questo blog.
Se siete web designer, dilettanti o professionisti, e siete stanchi di lottare continuamente contro quella besticcia di Internet Explorer 6, non demordete: la battaglia è quasi vinta. Stando infatti alle statistiche di W3C School, l’uso di IE 6 è in caduta libera. A dicembre è sceso finalmente sotto la soglia psicologica1 del 20%, il baratro è dietro l’angolo.
Ora è però giunto il momento di fare l’ultimo sforzo e dare la botta definitiva. Smettetela di sistemare i problemi di IE 6. Basta sbattimenti. Basta ottimizzazioni per un browser obsoleto e capriccioso. Non Supportate Più IE6. Fate finta che non esista, ignoratelo. E spingete l’utenza verso qualcosa di più evoluto.
Come? Ho la soluzione che fa per voi.
IE 6, fanculo a lui: il tutorial
Il tutorial che segue illustra come creare uno script che riesca, in primo luogo, a insultare l’ostinata utenza di IE 6 e, in secondo luogo, a spingere quella stessa utenza verso il download di browser più moderni (nella fattispecie Firefox). Non bisogna essere dei nerd per realizzarlo. Basta una libreria javascript e un po’ di copia e incolla.
Come prima cosa, scaricate l’ultima versione di jQuery e inseritela nella vostra testata (parte <head> del codice).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="[url-sito]/jquery.js" language="javascript" type="text/javascript"></script> </head>
Avvertenza, se per caso usate WordPress, jQuery è già installato nella cartella “includes”. Basterà richiamarlo con questo script nel file header.php:
<?php wp_enqueue_script('jquery'); ?>
Bene, una volta caricato jQuery, è il momento di insultare il visitatore obsoleto che osa presentarsi dalle vostre parti con IE 6. Grazie a jQuery innanzitutto verifichiamo se l’utente ha veramente quella schifezza di browser, dopodiché gli facciamo apparire un bel messaggio di insulto.
<!--[if lt IE 7]>
Verifica che funzioni solo con una versione di Explorer più vecchia della 7.
<script type="text/javascript">
$(document).ready(function()
{
if ($.browser.msie &amp;amp;amp;&amp;amp;amp; $.browser.version == 6.0) {
alert("Coglione, usi ancora quella schifezza di IE 6? Cambia browser!");
}
});
[...]
Ecco fatto. Con questo codice, dovrebbe apparire una finestra come questa:
Se per caso usate WordPress, potrebbe non funzionare correttamente, per un conflitto con altre librerie javascript. Va usato il metodo jQuery.noConflict. Incollerò il codice corretto per WordPress in calce al tutorial.
Dopo aver insultato il visitatore, bisogna impartirgli la giusta educazione tecnologica. Ecco il codice per il redirect a Firefox.
function doRedirect() { //funzione con il link al download di Firefox
location.href = "http://www.mozilla.com/firefox/";
}
window.setTimeout("doRedirect()", 4000); //Fa partire il redirect dopo tot. secondi
Fatto. Ora bisogna solo chiudere lo script e l’if aperto in precedenza.
</script> <![endif]-->
Il tutto è testato e perfettamente funzionante. La guerra contro IE 6 è vicina al vittorioso traguardo.
Ecco i codici completi.
HTML
<script src="http://www.potamocheri.eu/blog/wp-includes/js/jquery/jquery.js" language="javascript" type="text/javascript"></script>
<!--[if lt IE 7]>
<script type="text/javascript">
$(document).ready(function()
{
if ($.browser.msie && $.browser.version == 6.0) {
alert("Coglione, usi ancora quella schifezza di IE 6? Cambia browser!");
}
});
function doRedirect() { //funzione con il link alla pagina che si desidera raggiungere
location.href = "http://www.mozilla.com/firefox/";
}
window.setTimeout("doRedirect()", 4000); //Fa partire il redirect dopo tot. secondi
</script>
<![endif]-->
WordPress
<script src="http://www.potamocheri.eu/blog/wp-includes/js/jquery/jquery.js" language="javascript" type="text/javascript"></script>
<!--[if lt IE 7]>
<script type="text/javascript">
jQuery(document).ready(function()
{
jQuery.noConflict();
if (jQuery.browser.msie && jQuery.browser.version == 6.0) {
alert("Coglione, usi ancora quella schifezza di IE 6? Cambia browser!");
}
});
function doRedirect() { //funzione con il link alla pagina che si desidera raggiungere
location.href = "http://www.mozilla.com/firefox/";
}
window.setTimeout("doRedirect()", 4000); //Fa partire il redirect dopo tot. secondi
</script>
<![endif]-->;
- Da tanto cercavo la scusa per usare questa espressione. [up]
8 sbadigli
Sauro, 9 gennaio 2009
Non c’ho capito molto, ma il fatto che appaia un messaggio in cui dai del coglione a chi ti visita mi piace assai.
TED©, 9 gennaio 2009
Sarà deformazione professionale, la tua.
Sauro, 9 gennaio 2009
Eh, magari mi pagassero per dare del coglione alla gente…
TED©, 10 gennaio 2009
No, no, non hai capito: è la gente che viene pagata per darti del coglione.
tiziana, 19 marzo 2009
ho provato a inserire lo script e il codice html da te indicato in un sito nel quale sono già operativi diversi file .js probabilmente va in conflitto? non lo so, ma non funziona, sto testandolo da ore con ie 6.0 eppure passa liscio liscio senza nessun messaggio o redirect…
tiziana, 19 marzo 2009
risolto, ho usato il codice che hai predisposto per wordpress!! (anche se non era wordpress) grandioso!
TED©, 19 marzo 2009
Ah, bene tiziana, meno male che hai risolto da sola, perché al tuo nome non è associato nessun link e non avrei saputo dove verificare il problema. O non è il tuo sito personale?
TED©, 19 marzo 2009
(dimenticavo: il conflitto è con prototype e scriptacolous. forse avevi uno di questi)
Torna su