• 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
75 wizyt
pytanie zadane 10 stycznia w HTML i CSS przez użytkownika Daniel Kudyba Użytkownik (820 punkty)
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 użytkownika Daniel Kudyba Użytkownik (820 punkty)

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 użytkownika Bosswell Bywalec (2,940 punkty)
edycja 10 stycznia przez użytkownika 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 użytkownika xmentor Pasjonat (23,360 punkty)

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 użytkownika Marecki Obywatel (1,470 punkty)
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 użytkownika xmentor Pasjonat (23,360 punkty)
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 68 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez użytkownika Kamil Czech Gaduła (3,390 punkty)
0 głosów
4 odpowiedzi 103 wizyt
pytanie zadane 24 listopada 2016 w HTML i CSS przez użytkownika ShadoWs Obywatel (1,590 punkty)
0 głosów
3 odpowiedzi 131 wizyt
pytanie zadane 30 września 2016 w HTML i CSS przez użytkownika Cramalar Nowicjusz (200 punkty)
...