Autor | Zpráva | ||
---|---|---|---|
Darker Profil |
#1 · Zasláno: 17. 12. 2011, 10:08:32
Chtěl bych pod myší zobrazit element, který by ji následoval ale nebránil klikání na elementy pod ním. Jde do elementu udělat díra?
|
||
Plaváček Profil |
#2 · Zasláno: 17. 12. 2011, 10:12:04
Darker:
Nerozumím otázce. |
||
Darker Profil |
#3 · Zasláno: 17. 12. 2011, 10:55:05
Tak znova:
Představ si absolutně pozicovaný element, který bude pronásledovat myš uživatele kam se hne. Třeba kružnice kolem myši se středem tam kde má myš klikací oblast. Pokud by ale uživatel klikl, klik by dostal obrázek kružnice a ne tlačítko/odkaz/cokoliv jiného. Takže bych v kružnici potřeboval vyčarovat díru přesně tam, kde je klikací oblast myši. |
||
Plaváček Profil |
#4 · Zasláno: 17. 12. 2011, 10:56:50
Pořád si to neumím představit (nějaká ukázka by nebyla?) a navíc si nejsem jist, zda tohle patří do sekce CSS.
|
||
Petr ZZZ Profil |
#5 · Zasláno: 17. 12. 2011, 11:16:32
Něco takového jsem viděl u Bubáka: Kurzory pomocí CSS
|
||
Darker Profil |
#6 · Zasláno: 17. 12. 2011, 12:44:52
Plaváček, Petr ZZZ:
Nuže dobrá, zavřete oči (až si to přečtete) a představte si: Přijdete na stránku a najedou, za určitých okolností se vám kolem myši objeví kružnice (r=5cm, S[mousex,mousey]). Bude se jednat o canvas a bude se měnit podle okolností. Nebo něc jiného, prvek který udělá web zajímavým. Od určitého místa na stránce povede k myši provaz, bude se vlnit na na myš navazovat (tady by se použil i běžný .cur kurzor, který by navazoval na canvas obsluhující provaz/kabel). Nebo si prostě představte PNG obrázek domečku za kterým je druhý, zobrazující místost. Budu chtít kliknutím do okna provního obrázku aktivovat onclick toho druhého. Nebo si představte malování. Když kreslíte obdélník nebo čáru, vidíte náhled. V canvasu bych to řešil tak, že bych přes první canvas zobrazující už nakreslené křivky udělal druhý, zobrazující náhled a měnící se podle pozice myši. Krz ten by také bylo třeba kliknout... „nějaká ukázka by nebyla?“ No těžko, když nevím jak to udělat. |
||
abc Profil |
#7 · Zasláno: 17. 12. 2011, 12:53:59
Darker:
Myslis neco jako toto? http://rainbow.arch.scriptmania.com/scripts/mouse_clock.html
|
||
Darker Profil |
#8 · Zasláno: 17. 12. 2011, 14:05:04
abc:
Ne. Tohle neleze pod myš a nebrání prokliknutí... |
||
Petr ZZZ Profil |
#9 · Zasláno: 17. 12. 2011, 19:28:53
A toto?
dermestidae.com |
||
Chamurappi Profil |
#10 · Zasláno: 17. 12. 2011, 20:12:27
Reaguji na Darkera:
„Jde do elementu udělat díra?“ Pokud vím, tak to jde pouze v Internet Exploreru — filtrem AlphaImageLoader . Tam, kde je obrázek průhledný, je element děravý.
|
||
Darker Profil |
#11 · Zasláno: 17. 12. 2011, 23:43:05
Petr ZZZ:
Předpokládám v tip který po pěti pivech nepochopím. Chamurappi: Achjo. A jak bys vyřešil tohle: „Když kreslíte obdélník nebo čáru, vidíte náhled. V canvasu bych to řešil tak, že bych přes první canvas zobrazující už nakreslené křivky udělal druhý, zobrazující náhled a měnící se podle pozice myši. Krz ten by také bylo třeba kliknout...“ Kdyby šel element prodělavět, bylo by to jednoduché, takhle budu muset nějak složitě archivovat původní canvas a kdoví co ještě. |
||
Petr ZZZ Profil |
#12 · Zasláno: 18. 12. 2011, 00:15:20
Reaguji na Darkera:
Píšeš „od určitého místa na stránce povede k myši provaz, bude se vlnit a na myš navazovat“ — ani jsem nemusel zavírat oči a vzpomněl jsem si na motýlky poletující za myší; přišli mi z principu podobní. Legrační mi taky připadají, ale kvůli tomu bych ti o nich myslím nepsal. |
||
Darker Profil |
#13 · Zasláno: 18. 12. 2011, 08:31:38
Aha, asi to nefungovalo, jak mělo - viděl jsem jen mouchu v rohu obrazovky.
|
||
Bubák Profil |
#14 · Zasláno: 18. 12. 2011, 10:57:01
Darker:
„asi to nefungovalo, jak mělo“ Funguje to jen v IE. |
||
Petr ZZZ Profil |
#15 · Zasláno: 18. 12. 2011, 13:49:13 · Upravil/a: Petr ZZZ
Bubák:
„Funguje to jen v IE“ Ups, to mi ušlo, díky. |
||
1Pupik1989 Profil |
#16 · Zasláno: 18. 12. 2011, 14:03:51
Mrkněte na elementfrompoint, podpora nic moc, ale dalo by se s tím něco dělat.
|
||
Darker Profil |
#17 · Zasláno: 18. 12. 2011, 14:08:33
1Pupik1989:
„elementfrompoint“ No, to by možná šlo, jenže budu potřebovat simulovat event, případně i kliknutí na odkaz a podobně. Neexistuje funkce co simuluje kliknutí myši přímo? Jako kdyby uživatel skutečně klikl? |
||
1Pupik1989 Profil |
#18 · Zasláno: 18. 12. 2011, 14:15:40 · Upravil/a: 1Pupik1989
Schválně se mrknu jak funguje funkce click() u jquery, ta totiž kliknutí simuluje.
//edit: Tak funkce click() je v javascript už obsáhlá. Takže document.getElementById("to-na-co-se-klikne").click(); |
||
Darker Profil |
#19 · Zasláno: 18. 12. 2011, 14:24:23 · Upravil/a: Darker
1Pupik1989:
Zkus to s odkazem nebo vstupním polem pro soubor. To jsem měl na mysli. U odkazu jsem dotatl toto: TypeError: document.getElementById("pepaa").click is not a function Takže to asi ta snadné nebude... |
||
1Pupik1989 Profil |
#20 · Zasláno: 18. 12. 2011, 14:31:40
Ne document.getElementById("pepaa").click, ale document.getElementById("pepaa").click(); Prosté volání funkce. Zkoušel jsem to na buttonu, kterému jsem jako onclick dal confirm a zobrazil se.
|
||
Darker Profil |
#21 · Zasláno: 18. 12. 2011, 14:37:46
1Pupik1989:
Pupíku, chybová konzola tam ty závorky nepíše, ale zjevně byla vlastnost click volána jako funkce, jinak by to neřvalo, že to funkce není. Co ty na to? Odkaz ani vstupní pole souboru žádný onclick nemá a já potřebuju myš na 100 procent funkční. |
||
1Pupik1989 Profil |
#22 · Zasláno: 18. 12. 2011, 14:57:32 · Upravil/a: 1Pupik1989
Jo, pravda. Zkoušel jsi před click dát focus?
Ještě jsem našel toto: https://developer.mozilla.org/en/DOM/element.dispatchEvent Tak lehký pokus http://jsfiddle.net/JbaWb/ je to splácané narychlo, ale princip je tak nějak jak jsem myslel. Bez elementFromPoint. Ještě tomu vychytat tu hromadu much a je to :) |
||
Darker Profil |
#23 · Zasláno: 18. 12. 2011, 15:19:54 · Upravil/a: Darker
|
||
1Pupik1989 Profil |
#24 · Zasláno: 18. 12. 2011, 15:47:54
Zkoušel jsem jak odkaz, tak input typu file, pokud jsem tě dobře pochopil. Obojí funguje :)
|
||
Darker Profil |
#25 · Zasláno: 18. 12. 2011, 16:03:04
Símtě. Co máš za prohlížeč?
|
||
1Pupik1989 Profil |
#26 · Zasláno: 18. 12. 2011, 16:16:13 · Upravil/a: 1Pupik1989
Google Chrome 16 a Internet Explorer 9.
Aj, tak odkaz nic, kde dělám chybu :( Button je v pohodě. //edit: Tak už i tag A funguje. Teď jen dořešit tag SELECT |
||
Kry5 Profil |
#27 · Zasláno: 18. 12. 2011, 18:13:51
Přesně tohle jsem řešil: http://stackoverflow.com/questions/6807047/click-through-the-image
Konkrétně tohle je řešení, který jsem použil: http://jsfiddle.net/molecule/3FRWD/2/ |
||
1Pupik1989 Profil |
#28 · Zasláno: 19. 12. 2011, 18:01:33
No já už to mám kompletní, nakonec jsem z toho udělal střílečku. Jako kursor jsem zaměřovač s dvěmi čárami, což řeší problém dalšího uživatele. Mrknul jsem i na css3, tam je to vyřešený hned.
cursor: url x y; a je po problémech. Kdyby šel přes javascript posunout kurzor, tak by bylo po problému :-/ |
||
Chamurappi Profil |
#29 · Zasláno: 19. 12. 2011, 18:30:40
Reaguji na 1Pupika1989:
„Tak funkce click() je v javascript už obsáhlá.“ Ale nejde se spolehnout, že bude fungovat ve všech prohlížečích na všech elementech — jde však doskriptovat. „Mrknul jsem i na css3, tam je to vyřešený hned.“ … „cursor: url x y; a je po problémech“ Vlastnost cursor je i v CSS 2.
„Kdyby šel přes javascript posunout kurzor, tak by bylo po problému :-/“ Ovšem za cenu nových bezpečnostních problémů. Bylo by pěkné, kdyby mohl dát uživatel stránce právo plně kontrolovat kurzor. Na hry by to bylo ideální. Něco takového chystá Flash. |
||
1Pupik1989 Profil |
#30 · Zasláno: 19. 12. 2011, 19:28:20
Ano, css2 obsahuje kurzor, ale již neobsahuje koordináty x a y o které jde ten obrázek místo kurzoru posunout.
|
||
Časová prodleva: 12 let
|
0