jQuery uleczy twój layout

Hosanna! niech krzykną ci, którzy lubują się w wielokolumnowych layoutach – a mają problem z wyrównaniem ich wysokości względem siebie.

Ja dość długo się zmagałem z tym problemem, pisząc dość pokrętne skrypty, które nie zawsze dobrze działały – np: na Chromie.

Na szczęście, jQuery czyni świat piękniejszym. Oto co znalazłem dziś u wujka Gógla:

<script language="javascript" type="text/javascript">
function equalHeight(group) {
 tallest = 0;
 group.each(function() {
 thisHeight = $(this).height();
 if(thisHeight > tallest) {
 tallest = thisHeight;
 }
 });
 group.height(tallest);
}
$(document).ready(function() {
 equalHeight($(".rowno"));
});
</script>

Działa pięknie na wszystkich obiektach, którym nadamy styl “rowno” 🙂
Higienicznie i bez stresu.
Oczywiście skrypt do zamieszczenia w nagłówku naszego szablonu – wyzwalany po załadowaniu strony.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *