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 e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.