prvi touch da bude isti kako :hover

Odgovori Nova tema

4 odgovora
3.453 pregleda

prvi touch da bude isti kako :hover 15.05.2013. u 10:20 · pre 163 meseca #1

Kako da izvedim ovo:

Imam jedan div i u njega <a> element koji na :hover radi odredenu akciju, a na klik se otvara link.

Hocu na iPad, kad prvi put se klikne (touch) da se uradi isti efekt kako i :hover, a na drugi touch da se otvori link.

Re: prvi touch da bude isti kako :hover 15.05.2013. u 10:33 · pre 163 meseca #2

to bi tako trebalo po defaultu da radi, samo nisam siguran da li hover mora da bude definisan u css ili js.
Mi smo cesto js-om sklanjali taj prvi hover tako sto detektujemo uredjaj i na hover odmah uradimo click

Potpis

http://norway.dakipro.com/

Re: prvi touch da bude isti kako :hover 15.05.2013. u 14:12 · pre 163 meseca #3

prvi touch mi izvrsuje akciju kao klik po default

Re: prvi touch da bude isti kako :hover 28.06.2013. u 12:33 · pre 162 meseca #4

Vjerovatno ima vishe rjesenja ali jedna ideja je :
- imas neku varijablu stanja - clickedOnce = false;
- sa hoverom (desktop) mjenjas to stanje clickedOnce = true
- na click provjeravas stanje.
- ako je false - znaci da je prvi klik,
- ako je true - znaci da je ili vec kliknuta (ipad) ili uradjen hover (desktop)

Potpis

:: Nemoj se svadjati sa budalom, ljudi cesto nece primjetiti razliku ::

Re: prvi touch da bude isti kako :hover 01.07.2013. u 21:19 · pre 162 meseca #5

Ne znam da li je ovo odgovor na pitanje, ali kod "Touch" uređaja dobijanje hover efekta se postiže na sledeći način:
klikneš (touch) na element, ali ne pustiš ga već pomeriš van prostora istog elementa i dobijaš hover efekat. Ovo radi za npr. drop-down menu, ali i za ostalo.

Ostala rešenja su već pomenuta (sa detekcijom uređaja ukoliko želiš da imaš 2 varijante: hover efekat i 2 click efekat).

Potpis

I hope I didn't brain my damage - Homer
if (wife.position == kitchen) {return sandwich};

Prijavite se da biste odgovorili u ovoj temi.Prijava Registracija

Forum kao aplikacija na telefonu

Srodne teme