• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wysuwane boczne menu przy użyciu "onclick"

VPS Starter Arubacloud
0 głosów
1,236 wizyt
pytanie zadane 10 stycznia 2017 w HTML i CSS przez Daniel Kudyba Obywatel (1,260 p.)
Witam Wszystkich,

Chce zrobić na stronie menu wysuwane z lewego boku po kliknięciu na strzałkę i pokazanie okna imput po kliknięciu na lupę wyszukiwania. Czy to wszystko można zrobić przy użyciu onclick?
komentarz 10 stycznia 2017 przez Daniel Kudyba Obywatel (1,260 p.)

Mam jeszcze takie pytanie, gdzie zapisać informacje co ma zostać na stronie po użyciu:                                                             

$(document).ready(function(){
																																	$("#search").click(function(){
																																		$(".input").toggle("slow");
																																	});
																																});

 

3 odpowiedzi

0 głosów
odpowiedź 10 stycznia 2017 przez Bosswell Nałogowiec (36,470 p.)
edycja 10 stycznia 2017 przez Bosswell
 
Najlepsza
Tak, proponowałbym skorzystać z biblioteki jquery.

1. Tworzysz element np. o id=lupa

2. Tworzysz diva w którym umieścisz cały formularz i nadajesz mu atrybut w css {display:none;} o id=login

3. W jquery robisz:

$('#lupa').on('click', function(){

 $('#login').slideToggle();

});

 

Przy użyciu tylko javascriptu mógłbyś zrobić onclicka, który wywoływałby funkcje która  podmieniałaby właściwość w css elementu o id=login z {display:none} na {display:block}, ale wtedy nie miałbyś animacji rozwijania
komentarz 10 stycznia 2017 przez xmentor Nałogowiec (49,520 p.)

proponowałbym skorzystać z biblioteki jquery.

A ja nie proponowałbym do tak błahej rzeczy ładować całej libki :)

0 głosów
odpowiedź 10 stycznia 2017 przez Marecki Obywatel (1,690 p.)
function showMe()

{

$("#tu_id_menu").stop().animate({marginRight:-100}, 500);
   

}

document.addEventListener("DOMContentLoaded", function() {

var element = document.getElementById('tu_id_menu');

element.addEventListener('click', showMe);

 

});
0 głosów
odpowiedź 10 stycznia 2017 przez xmentor Nałogowiec (49,520 p.)
onclick -> addEventListener

Wystylizuj wszystko w CSS-esie, animacje wysuwanego elementu również można tam zrobić, a w JS jedynie dodaj nasłuchiwanie eventu click(addEventListener) i ustawiaj odpowiednią klasę dla bloku menu gdy klikniemy w strzałkę.

Podobne pytania

0 głosów
2 odpowiedzi 867 wizyt
pytanie zadane 3 października 2017 w HTML i CSS przez Ziuziek Mądrala (5,140 p.)
0 głosów
1 odpowiedź 155 wizyt
pytanie zadane 27 października 2019 w HTML i CSS przez Kaworu Nowicjusz (120 p.)
0 głosów
1 odpowiedź 815 wizyt
pytanie zadane 30 stycznia 2018 w HTML i CSS przez Yashe Dyskutant (7,720 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...