Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Jak to zrobić - okienko które się wyłania z boku strony .

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Jak to zrobić - okienko które się wyłania z boku strony .

Post 16.02.2015, 16:29:40

Witajcie,

przykład dobrze jest pokazany na tej stronie z boku tam gdzie są po prawej niebieskie kwadraciki z informacją TELEFON:
http://www.netia.pl/

Widać jak po najechaniu na kwadracik wyjeżdża cała informacja.
Jestem laikiem w tych tematach, więc będę wdzięczny za dokładną informację jak to zrobić.
Czy to jest JS czy bardziej CSS?
Prim2015
Posty: 9
Dołączył(a): 16.02.2015

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 16.02.2015, 16:48:10

W tej chwili możesz to osiągnąć i tym i tym. Kwestia tylko wsparcia przeglądarek więc bezpieczniej użyć jest jeszcze JS-a.
Przykład: http://jsfiddle.net/Jaason/8c2RL/
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 16.02.2015, 17:09:04

Próbowałem to zrobić, ale nie wychodzi.
Umieściłem fragment HTML w pliku HTML w przestrzeni BODY
Natomiast fragment JS umieściłem w HTML w przestrzeni HEAD.

Jednak nic nie zauważam. Nie ma nigdzie tego czerwonego kwadracika.
Jeśli będę chciał wstawić w ten kwadracik jpeg'a to gdzie należy wpisać do niego adres?
Prim2015
Posty: 9
Dołączył(a): 16.02.2015

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 16.02.2015, 17:13:34

Jeśli będę chciał wstawić w ten kwadracik jpeg'a to gdzie należy wpisać do niego adres?

Daj zamiast background:#color, background:url('obrazek.jpg');
Zauważ, że masz tam jeszcze podpięty kod CSS, dodatkowo skrypt jQuery a sam kod JS wywoływany jest na DOM ready:
Kod: Zaznacz cały
$(function() {
  // tutaj wstawiasz kodzik z fidla
});
Avatar użytkownikaJaason
Tomasz Waszkiewicz

capoeirista
capoeirista

Posty: 3511
Dołączył(a): 14.04.2002
Lokalizacja: Warszawa

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 17.02.2015, 15:46:49

Mam jednak za mało wiedzy w tym temacie, żeby to wdrożyć, ale dziękuję za próbę wyjaśnienia.
Prim2015
Posty: 9
Dołączył(a): 16.02.2015

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 17.02.2015, 16:14:11

Tak będzie prościej, bo tylko HTML i CSS: http://jsfiddle.net/rafael/1j1w57b1/
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19639
Dołączył(a): 14.04.2002

Re: Jak to zrobić - okienko które się wyłania z boku strony

Post 18.02.2015, 11:05:07

Jeśli chodzi o sprawę jak kopiować przykłady z jsfiddle do własnej strony, to napisałem prosty poradnik: http://webhelp.pl/porady/jak-zintegrowa ... na-strona/ którego będę rozbudowywał o pozostałe, rzadziej używane, opcje konfiguracji.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19639
Dołączył(a): 14.04.2002


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 7 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50667 zarejestrowanych użytkowników.
Najnowszy użytkownik: RozellaF


Nasi użytkownicy napisali:

  • 936047 wiadomości
  • w 246706 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)