Ceci n'est pas une pipe

Vi giro un minuscolo javascript che salverà molte delle vostre vite. Si tratta di una function da caricare negli head della pagina HTML per ottenere un resettamento progressivo degli z-index e annullare i problemi di sovrapposizione degli elementi che si verifica spesso quando nella pagina convivono vari elementi dinamici mescolati fra loro – ad esempio: menù a tendina tipo PixoPoint e presentazioni jQuery. In situazioni simili, spesso si verificano spiacevoli errori di valutazione della z-index da parte del browser – specialmente da parte di IE7 – ottenendo come risultato, ad esempio, la fastidiosa scomparsa di un menù a tendina dietro una presentazione a slide di jQuery. Questo piccolo script “miracoloso” risolverà il problema. Occhio che il reset delle z-index avviene in maniera progressiva dall’alto verso il basso, tenetene conto quando posizionate i div per non ottenere l’effetto contrario a quello voluto!


<script lang="javascript">
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
</script>

Come sapete le entity sono una particolare forma di codifica usata in HTML per individuare alcuni caratteri speciali in maniera indipendente dalla tastiera e dal sistema operativo che si sta utilizzando. Le prime definizioni delle entity sono state introdotte nella versione HTML 2.0, le successive nella 3.2. Per questo e per tanti altri motivi che non è il caso di discutere qui, non tutti i browser supportano tutte le entity.

Quelle che riporto nella prossima pagina sono tabelle riassuntive delle principali entity e di altri caratteri speciali che possono rivelarsi utilissimi durante lo sviluppo di applicazioni per il web, specie quando si ha a che fare con versioni multilingue di interfacce HTML. Le tabelle provengono da un sito Internet inglese di cui ho perso qualsiasi riferimento, se qualcuno avesse modo di rintracciarne la fonte sarei lieto di poterla citare.

Leggi il resto »

I commenti condizionali sono particolari istruzioni interpretabili dal browser Internet Explorer di Microsoft Windows. Sono supportati già dalla versione 5.0, ma pochissimi sono in grado di sfruttarne le notevoli potenzialità, specie nella correzione di interpretazioni anomale dei CSS proprio da parte del browser di casa Microsoft.

È possibile utilizzare commenti condizionali distinguendo addirittura la versione di Internet Explorer in uso dal navigatore, ottenendo effetti (o correzioni) differenti a seconda delle caratteristiche (o delle mancanze) specifiche della versione.

I commenti condizionali seguono una sintassi molto semplice, come nell’esempio che segue:

<!--[if IE 6]>
Qui ci metto istruzioni specifiche per Internet Explorer 6
<![endif]-->

Come si vede, il commento condizionale è un comando racchiuso tra gli indicatori di commento HTML: in questo modo i browser che non supportano questa funzionalità ignoreranno completamente il commento e le istruzioni in esso racchiuse.

Attenzione! Proprio per questo motivo, i commenti condizionali non possono essere utilizzati direttamente nei fogli di stile, ma vanno inclusi giocoforza nelle normali pagine HTML.

Ecco un altro semplice ma esaustivo esempio:

<p><!--[if IE]>
Stai utilizzando Internet Explorer<br />
<![endif]-->
<!--[if IE 5]>
Stai utilizzando Internet Explorer 5<br />
<![endif]-->
<!--[if IE 5.0]>
Stai utilizzando Internet Explorer 5.0<br />
<![endif]-->
<!--[if IE 5.5]>
Stai utilizzando Internet Explorer 5.5<br />
<![endif]-->
<!--[if IE 6]>
Stai utilizzando Internet Explorer 6<br />
<![endif]-->
<!--[if IE 7]>
Stai utilizzando Internet Explorer 7<br />
<![endif]-->
<!--[if gte IE 5]>
Stai utilizzando Internet Explorer, versione 5 o superiore<br />
<![endif]-->
<!--[if lt IE 6]>
Stai utilizzando Internet Explorer, versione inferiore alla 6<br />
<![endif]-->
<!--[if lte IE 5.5]>
Stai utilizzando Internet Explorer, versione inferiore o uguale alla 5.5<br />
<![endif]-->
<!--[if gt IE 6]>
Stai utilizzando Internet Explorer, versione superiore alla 6<br />
<![endif]-->
</p>Il risultato di questo semplice elenco di commenti condizionali è riportato nelle righe seguenti, sempre che stiate utilizzando Internet Explorer (scelta sconsigliata):

Vi è mai capitato di navigare in un sito che ricorra agli IFRAME per la visualizzazione di alcuni contenuti? A parte il fatto che il loro utilizzo è – a mio parere – caldamente sconsigliabile, mi capita spesso di dover fare manutenzione a vecchi siti Internet che ricorrono agli IFRAME e di ritrovarmi in situazioni simili a quella che sto per descrivere. Leggi il resto »