• 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
136 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 (11,680 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 (32,560 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 (32,560 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 94 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez Kamil Czech Mądrala (5,660 p.)
0 głosów
4 odpowiedzi 110 wizyt
pytanie zadane 24 listopada 2016 w HTML i CSS przez ShadoWs Obywatel (1,840 p.)
0 głosów
3 odpowiedzi 143 wizyt
pytanie zadane 30 września 2016 w HTML i CSS przez Cramalar Nowicjusz (200 p.)
...