Jump to content
Sign in to follow this  
daav`

Wyświetlenie informacji w dymku po najechaniu na kontener jQ / CSS

Recommended Posts

Cześć, koduje sobie ten lay --> LINK i mam pytanie, a mianowicie w jaki sposób wykonać w js`ie wyświetlanie tekstu po najechaniu na div?

Chodzi mi w tym przypadku o wyświetlanie informacji o członku zespołu po najechaniu na jego zdjęcie.

Zapewne da się to zrobić za pomocą onmouseover, więc najechaniu na dany div zostaje wywołana owa funkcja, a w momencie wywołania wykona się kod, który jest w jej wnętrzu, do tej pory rozumiem, tylko w jaki sposób zrobić resztę?

Chodzi mi o to w jaki sposób sprawić żeby wyświetlany tekst znajdował się bezpośrednio nad divem, na którym znalazł się kursor myszy.

Mogę zrobić divy z tekstem i wypozycjonować je absolutnie nad główne divy, nadać im display: none a po najechaniu display: block, ale jako, że główne divy są wyśrodkowane za pomocą justify-content: center; to po lekkim zmniejszeniu strony główne divy dalej są wyśrodkowane a te z tekstem pozostają w tym samym miejscu.

Może da się to w jakiś prostszy sposób wykonać lub po prostu coś źle robię?

Z góry dzięki, każdą pomoc nagrodzę plusami

Share this post


Link to post

Akcja po kliknięciu byłaby o wiele lepsza bo w ten sposób nie omijasz urządzeń mobilnych/dotykowych

  • Like 1

Share this post


Link to post
28 minut temu, Salva napisał:

Nie bardzo rozumiem skąd te info ma być pobierane. Jak z atrybutu, to możesz wykorzystać Balloon.css  http://kazzkiq.github.io/balloon.css/

Jak ma to być pobierane z bazy, to musisz zaznajomić się z AJAXem  http://api.jquery.com/jquery.ajax/

Nie o to mi chodzi, podałem link na początku do projektu --> link i chodzi o to, aby po najechaniu na obrazek z członkiem ekipy pojawiał się na nim tekst, który jest widoczny na pierwszym obrazku ;-)

15 minut temu, DSA napisał:

Tak o to, lecz nie wiem jak to zrobić w tym konkretnym przypadku, bo te trzy divy z obrazkami są wyśrodkowane za pomocą  justify-content: center; więc zmieniają pozycję, jeśli się zmniejsza szerokość przeglądarki.

Share this post


Link to post

No to AJAX, to nadal dobre rozwiązanie, bo tekst pobierzesz z bazy i oszczędzisz sobie trudności z pokazaniem i ukrywaniem tego tekstu jak <span> czy inny kontener będzie niewidoczny.

  • Like 2

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...