Zmiana wyglądu przez JavaScript

nie jest to żadne epokowe odkrycie – ale sprawia, że wiele problemów ze stylami CSS rozwiązuje się bardzo szybko i skutecznie.

Mowa oczywiście o zmianie atrybutów poszczególnych elementów layoutu strony, korzystając z podstawowych metod obiektu Document – jak poniżej:

<script type="text/javascript">
 var divHeight = ((document.getElementById('midbox').offsetHeight) + 'px');
 document.getElementById('batony').style.height = divHeight;
 </script>

Można dzięki temu prostemu rozwiązaniu dowolnie manipulować naszym layoutem, który na przykład nie chce być wystarczająco elastyczny do naszych potrzeb – co mnie osobiście bardzo przypadło do gustu…

Zarówno zmiana stylu jak i bezpośrednie wymiary bądź pozycjonowanie , można zmieniać korzystając z detektora wydarzeń (onload) – lub wyzwalając akcję za pomocą przycisku.

Przykładem użycia może być nowa strona www.receent.com, gdzie wykorzystywane to jest przy menu katalogu produktów.

Dodaj komentarz

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