Non ti supporto più
Posted By TED© On 12 gennaio 2009 @ 18:24 In Risvegli | Comments Disabled
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 [1] è quasi vinta. Stando infatti alle statistiche di W3C School [2], l’uso di IE 6 è in caduta libera. A dicembre è sceso finalmente sotto la soglia psicologica1 [3] 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 [4]. 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 [5] 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 [6]]
Article printed from Stati di Sonnolenza: http://potamocheri.eu/blog
URL to article: http://potamocheri.eu/blog/2009/01/12/non-ti-supporto-piu/
URLs in this post:
[1] battaglia: http://www.potamocheri.eu/blog/2008/03/07/ie-6-fanculo-a-lui/
[2] W3C School: http://www.w3schools.com/browsers/browsers_stats.asp
[3] 1: #footnote_0_1059
[4] Non Supportate Più IE6: http://ajaxian.com/archives/i-wont-support-ie-6-in-2009
[5] jQuery: http://jquery.com/
[6] up: #identifier_0_1059
Click here to print.