• 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
174 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 (13,360 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 (41,600 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 (41,600 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
1 odpowiedź 95 wizyt
pytanie zadane 20 lipca w HTML i CSS przez KamilGG Użytkownik (680 p.)
0 głosów
2 odpowiedzi 116 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez Kamil Czech Mądrala (6,510 p.)
0 głosów
4 odpowiedzi 111 wizyt
pytanie zadane 24 listopada 2016 w HTML i CSS przez ShadoWs Bywalec (2,020 p.)
Obowiązuje już zaktualizowany regulamin.

Czy wiesz, że nie musisz już odświeżać strony głównej?

Lista pytań i odpowiedzi aktualizuje się automatycznie!

38,725 zapytań

76,671 odpowiedzi

149,891 komentarzy

18,135 pasjonatów

Przeglądających: 304
Pasjonatów: 28 Gości: 276

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.

...