Category Archives: tech

Come correggere gli “a capo” con jQuery

0
Filed under tech

Durante l’aggiornamento del blog ho notato che il titolo dell’ultimo articolo andava a capo subito prima dell’ultima parola.

Questa bruttura tipografica è nota come “widow” ed è possibile correggerla con poco codice JavaScript.

Nel mio caso ho trovato molto utile questo articolo:
http://www.learningjquery.com/2008/07/three-quick-ways-to-avoid-widows

La soluzione consiste nell’andare a caccia dei titoli e sostituire il carattere di spazio che lega le ultime due parole con l’entità html  

Se utilizziamo una libreria JavaScript come jQuery e le espressioni regolari possiamo cavarcela con poco.

Questa è la mia soluzione (migliorata dall’ultima che trovate sull’articolo di Learning jQuery).

jQuery(document).ready(function($) {
	var h2Text = '';
	$('h2 a').each(function() {
		h2Text  = $(this).text().replace(/ ([^ ]+)$/,' $1');
		$(this).html(h2Text);
	});
}

Per addattarla alle esigenze cambiate “h2 a” della terza riga con il selettore corretto.
Ricordatevi prima di includere la libreria jQuery. Tra i vari metodi, il più semplice e potente:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>