Forum Coders' city Strona Główna Coders' city
Nasza pasja to programowanie!
 

 PomocPomoc   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy  RejestracjaRejestracja 
Archiwum starego forum + teoria    RSS & Panel/SideBar
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Potrzebuję szybkiej odpowiedzi na moje pytanie... Zasady

Menu rozwijane po klikcięciu



 
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
bzyku51
Gość





PostWysłany: Nie Sie 17, 2014 10:39 am  OP    Temat postu: Menu rozwijane po klikcięciu Odpowiedz z cytatem Pisownia

Witam, jestem początkującym programistą. Otóż mam problem. W footer mam przycisk menu:
Kod:
<<a href="#"  class="ui-btn ui-icon-bullets ui-btn-icon-left"">Menu</a>

. Chcę, aby po jego kliknięciu wysunęła się lista . Jak to zrobić? Pozdrawiam!
Powrót do góry
Chemikk



Dołączył: 26 Sty 2008
Posty: 538
Skąd: Wrocław

PostWysłany: Wto Sie 26, 2014 2:40 pm      Temat postu: Odpowiedz z cytatem Pisownia

Może dodasz jakiś link, screenshot, rysunek jak ma to menu się pojawić?
_________________
Chętnie pomogę z D, Ruby on Rails, JavaScript/CoffeeScript, CSS/SASS

“There are only two hard things in Computer Science: cache invalidation and naming things.”
Phil Karlton
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email Odwiedź stronę autora Numer GG
Kisialala



Dołączył: 30 Maj 2014
Posty: 3

PostWysłany: Sob Wrz 27, 2014 1:31 pm      Temat postu: Odpowiedz z cytatem Pisownia

Witam

Po pierwsze masz dwa rozpoczynające znaki <<a.

Załaduj bibliotekę jQuery do strony, zapoznaj się z .toggle(). Służy do przełączania parametru display.
Tworzysz sobie diva o określonej klasie i przypisujesz w inline display: none;
Tworzysz sobie funkcję, która temu divovi przełącza display. Tą funkcję podpinasz jako atrybut hiperłącza za pomocą onclick="pokaz()".

Ot, cała filozofia.

Jak wpiszesz w google jQuery toggle() to znajdziesz masę identycznych przykładów.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
TomaszKa



Dołączył: 07 Sie 2012
Posty: 55
Skąd: Poznań

PostWysłany: Pon Sty 26, 2015 7:41 pm      Temat postu: Opd Odpowiedz z cytatem Pisownia

O ile się nie mylę, to można to zrobić tak (oczywiście po wcześniejszym załadowaniu jQuery):

HTML
Kod:
<div>
<p onclick="pokazMenu()">tutaj naciśnij aby otworzyć menu</p>
<div class="hide">tu jest zawartość menu po pojawieniu się</div>
</div>


CSS
Kod:
.hide {display:none;}
.visible {display:block;}


JACASCRIPT
Kod:
function pokazMenu() {
$('.hide').toggle('.visible');
}


_________________
Tomasz K.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Wyświetl posty z ostatnich:   
Odpowiedz do tematu    Forum Coders' city Strona Główna -> Webmasterstwo Wszystkie czasy w strefie CET (Europa)

Strona 1 z 1

 
Skocz do:  
Możesz pisać nowe tematy
Możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Możesz dodawać załączniki na tym forum
Możesz pobierać pliki z tego forum




Debug: strone wygenerowano w 0.02353 sekund, zapytan = 11
contact

| Darmowe programy i porady Jelcyna | Tansze zakupy w Helionie | MS Office Blog |