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 Jeżeli będzie trzeba chętnie za jako taką pomoc zapłacę. Pozdrawiam.

Odpowiedzi

Włodzimierz Zobacz profil	30.11.2013, 21:34:23 Post #2
Grupa: Zarejestrowani Postów: 10 Pomógł: 0 Dołączył: 30.11.2013 Ostrzeżenie: (0%)	Nie chcę importować biblioteki ze względu na czas ładowania strony (no może te 80kB to nie wiele, ale jednak ), a nie umiem tego cachować. Znalazłem pewien temat, gdzie opisane jest jak to zrobić w czystym JS, ale instrukcje w odpowiedziach są podzielone, i kompletnie nie wiem jak je złożyć w całość: http://stackoverflow.com/questions/195951/...with-javascript @Crozin również nie wiem jak użyć Twojego kodu.

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

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

0 Zarejestrowanych:

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

Aktualny czas: 25.06.2025 - 03:12

Hosting zapewnia