• 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"

0 głosów
194 wizyt
pytanie zadane 10 stycznia 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 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 przez Bosswell Stary wyjadacz (14,260 p.)
edycja 10 stycznia 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 przez xmentor Nałogowiec (42,720 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 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 przez xmentor Nałogowiec (42,720 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 127 wizyt
pytanie zadane 3 października w HTML i CSS przez Ziuziek Gaduła (4,540 p.)
0 głosów
1 odpowiedź 96 wizyt
pytanie zadane 20 lipca w HTML i CSS przez KamilGG Użytkownik (680 p.)
0 głosów
2 odpowiedzi 131 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez Kamil Czech Mądrala (6,510 p.)

39,752 zapytań

78,198 odpowiedzi

153,694 komentarzy

18,798 pasjonatów

Przeglądających: 236
Pasjonatów: 22 Gości: 214

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...