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.