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.
Categories: webdevelopement
