Jump to content

Zmiana koloru w divie, po najechaniu na inny div


Recommended Posts

Witajcie, przychodzę do Was z zagwozdką z która męczę się już kolejny dzień. Szukałem odpowiedzi w google, ale nie znalazłem nic satysfakcjonującego.

Mam 3 kwadraty i po najechaniu na każdego z nich, kolor w szarym oraz czerwonym prostokącie, ma się zmieniać

Np. najeżdżając na niebieski kwadrat, kolory szarego i czerwonego prostokąta zmieniają się na żółte, a po najechaniu na fioletowy kwadrat, kolory prostokątów zmieniają się na zielone itd.

Jak to najlepiej zrobić i czy wystarczy czysty CSS?

Głowiłem się z tym na różne sposoby, ale nie potrafię dojść do zadowalających wyników.

Poniżej grafika obrazująca oczekiwana akcję

zmianatresci.jpg :

Link to post
Share on other sites

Cześć,

tutaj masz mniej więcej to co chciałeś:

http://jsbin.com/eQONuCur/2/

Trochę nie zrozumiałem, jak te kolory powinny się zmieniać, ale mam nadzieję, że sobie poradzisz z zedytowaniem tego kodu:

http://jsbin.com/eQO...l,css,js,output

Powodzenia

Ps. użyłem tam data-* atrybutów (np <div class="color-picker blue" data-class="green"></div>), więc klasa za trybutu data-class zostanie nadana dwóm większym prostokątom :)

Edited by waren
Link to post
Share on other sites

Cześć,

tutaj masz mniej więcej to co chciałeś:

http://jsbin.com/eQONuCur/2/

Trochę nie zrozumiałem, jak te kolory powinny się zmieniać, ale mam nadzieję, że sobie poradzisz z zedytowaniem tego kodu:

http://jsbin.com/eQO...l,css,js,output

Powodzenia

Ps. użyłem tam data-* atrybutów (np <div class="color-picker blue" data-class="green"></div>), więc klasa za trybutu data-class zostanie nadana dwóm większym prostokątom :)

Hej, dzięki za pomoc, tylko jak zrobić aby nie jeden, a 2 elementy zmieniały swój kolor po najechaniu na kwadraty?

Pisząc 2 elementy, mam na myśli czerwony prostokąt nad kwadratami oraz szary prostokąt obok kwadratów.

Link to post
Share on other sites

Przeciez zmieniaja sie dwa, na poczatku masz dwa prostokaty duze : purpurowy oraz szary i ich kolory zmieniaja sie w zaleznosci od najechanego koloru...

Rzeczywiście, moje niedopatrzenie. Mam jeszcze jedno pytanie, jak zrobić żeby te dwa elementy zmieniały się, każdy na inny kolor, bo jak dotąd, zmieniają się na ten sam.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use Privacy Policy