Come visualizzare i commenti nidificati di Blogger anche su Internet Explorer e con Scriptaculous e Prototype.

I commenti nidificati recentemente introdotti da Blogger presentano tuttora delle incompatibilità. La più grave riguarda alcuni modelli e Internet Explorer. In taluni casi, dopo l'introduzione delle risposte ai commenti, con la procedura di sostituzione di una riga di codice, se si apre un post con Internet Explorer si vede una semplice pagina bianca mentre in altri blog c'è un blocco dello scorrimento. Nel senso che non si può operare sul cursore posto sulla destra per visualizzare interamente la pagina e la schermata non risponde alle azioni del mouse.

Simple Blogger Tutorial ha trovato la soluzione a questo problema che funziona con tutti i modelli testati e con Internet Explorer 9 mentre con Internet Explorer 8 ci sono ancora dei template in cui possono sussistere dei problemi. La soluzione proposta è concettualmente molto semplice. Nel codice piuttosto corposo dei nuovi commenti di Blogger c'è l'attributo defer che indica al browser di rinviare l'esecuzione dello script a quando la pagina non sia stata tutta caricata. Ci sono tre modalità di chiamata dello script: normal, deferred e asynchronous.

Una semplice sostituzione di defer con async, che invece fa caricare lo script in modo asincrono, sembra che risolva gran parte dei problemi legati alla visualizzazione con IE. Ho testato su un mio blog di prova e in effetti si apre regolarmente con IE8 e IE9 mentre prima il mouse non rispondeva a nessun comando. Scendendo nel dettaglio occorre andare su Modello > Backup/Ripristino e salvare il modello completo per un eventuale backup di sicurezza. Si torna su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si cerca la riga

<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

e si sostituisce con quest'altra

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

Se avete un modello personalizzato può darsi che la riga sia questa

&lt;script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/&gt;

che in questo caso deve sostituirsi con la seguente

&lt;script async='async' expr:src='data:post.commentSrc' type='text/javascript'/&gt;

che può essere anche una alternativa alla prima riga nel caso il modello non salvasse la modifica. Si tratta infatti sempre dello stesso codice ma convertito nel linguaggio del modello di Blogger. Nel caso in cui nel vostro template abbiate installato la libreria Scriptaculous e Prototype mediante uno script come questo

<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>

incollato subito sopra alla riga </head>, occorre invece modificarlo in questo modo

<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;prototype&quot;, &quot;1&quot;);
window.JSON = {
parse: function (st) { return st.evalJSON(); },
stringify: function(obj) { return Object.toJSON(obj); }
};
google.load(&quot;scriptaculous&quot;, &quot;1&quot;);
</script>

per non farlo andare in conflitto con i nuovi commenti nidificati. Questo metodo funziona anche quando non si riesce a vedere il widget di Google Friend Connect se abbiamo installato anche Scriptaculous e Prototype come trovato su una discussione ormai archiviata del Forum di Google Friend Connect. Al posto dei numeri in rosso si può inserire quelli della versione più aggiornata dello script così come illustrato per JQuery.