Zmiana klasy elementu - Forum PHP.pl

Zmiana klasy elementu

Włodzimierz Zobacz profil	30.11.2013, 20:43:08 Post #1
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 30.11.2013 Ostrzeżenie: (0%)	Witam. Tworzę stronę wizytówkę swojej małej firmy, i potrzebuję wykonać rozwijane menu po kliknięciu na element. Moim celem jest wykorzystanie jak najkrótszego kodu, czyli importowanie biblioteki nie wchodzi w grę. Mniej więcej chce uzyskać taki efekt: [HTML] pobierz, plaintext <button>Menu</button> <div id="zm" class="klasa1">Linki<div> [HTML] pobierz, plaintext a po kliknięciu na button: [HTML] pobierz, plaintext <button>Menu</button> <div id="zm" class="klasa2">Linki</div> [HTML] pobierz, plaintext Szukając po internecie natrafiłem na coś takiego: [HTML] pobierz, plaintext <!DOCTYPE html> <html> <head> <script> function changeColor(newColor) { var elem = document.getElementById("para1"); elem.style.color = newColor; } </script> </head> <body> <p id="para1" style="color: red;">Some text here</p> <button onclick="changeColor('blue');">blue</button> <button onclick="changeColor('red');">red</button> </body> </html> [HTML] pobierz, plaintext Powyższy kod działa, lecz jedynie zmienia kolor, i potrzebuje dwóch buttonów. Próbowałem go zmodyfikować, lecz nic z tego nie wychodziło. Proszę o pomoc (IMG:style_emoticons/default/smile.gif) Jeżeli będzie trzeba chętnie za jako taką pomoc zapłacę. Pozdrawiam.

Odpowiedzi

Crozin Zobacz profil	30.11.2013, 21:48:04 Post #2
Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)	Cytat Nie chcę importować biblioteki ze względu na czas ładowania strony (no może te 80kB to nie wiele, ale jednak wink.gif ), a nie umiem tego cachować. Serio... 80 KiB? Przecież pierwszy lepszy obrazek na stronie będzie tyle zajmować. Zresztą i tak jest to pobierane tylko raz. A jak podlinkujesz z CDN-a (jQuery'owski, Google'owski), bardzo prawdopodobne, że będzie to już zcacheowane w przeglądarce użytkownika nim w ogóle otworzy Twoją stronę. Założyłem, że chodzi Ci o jQuery (80 KiB), a masz jeszcze całą masę innych bibliotek lżejszych pod względem objętości: http://en.wikipedia.org/wiki/Comparison_of...ript_frameworks PS. Jeżeli uwzględnić poza minimalizacją kodu jego kompresję (gzip) będzie to zapewne 40 - 60 KiB danych jedynie przy pierwszym pobraniu. W porównaniu do średniej krajowej, która niby ma wynosić 24 mbps (http://cdn.infographicsarchive.com/wp-cont...d-and-costs.jpg) to na prawdę zerowe obciążenie. Ten post edytował Crozin 30.11.2013, 21:52:54

Posty w temacie

Włodzimierz Zmiana klasy elementu 30.11.2013, 20:43:08

com http://www.w3schools.com/jsref/met_namedno...etnam... 30.11.2013, 21:09:08

Włodzimierz Dzięki działa, ale niestety w jedną stronę. Co zro... 30.11.2013, 21:20:34

Crozin CytatMoim celem jest wykorzystanie jak najkrótszeg... 30.11.2013, 21:24:39

Włodzimierz Nie chcę importować biblioteki ze względu na czas ... 30.11.2013, 21:34:23

com up dodaj sobie spr czy wywołana została już funkcj... 30.11.2013, 21:38:39

Crozin CytatNie chcę importować biblioteki ze względu na ... 30.11.2013, 21:48:04

com @up zgadzam się, ale ta średnia krajowa na sierpie... 30.11.2013, 21:56:03

Włodzimierz @com eureka @Crozin o tym, że jQuery jest cachowa... 1.12.2013, 13:07:26

PrinceOfPersia Musi działać, pewnie nie umiesz tego używać (wrz... 1.12.2013, 13:49:10

Włodzimierz Nie wiem, czy Cię dobrze zrozumiałem (nie działa):... 1.12.2013, 14:17:24

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 24.12.2025 - 20:15

Hosting zapewnia