JavaScript a CSS: Drag and Drop
Dokáži si představit webové aplikace, kde se bude Drag and Drop hodit. Například si navrhnete vlastní rozložení menu a to si pak uložíte do Cookies. Živou ukázku a kódy naleznete na stránce Drag & Drop Sortable Lists with JavaScript and CSS (via Zeldman).
Odkáží vás také na starší článek, který se ale tématicky váže k tomuto tématu, na A List Apart. V Complex Dynamic Lists: Your Order Please se dočtete o dynamickém stylování a upravování seznamů.
Seriál: Používáme CSS
- Přístupné záložky v CSS a JavaScriptu [25. února 2006 14:57]
- JavaScript a CSS: Drag and Drop [29. července 2005 22:05]
- Podtrhněte odkaz libovolnou barvou [22. prosince 2004 16:56]
- Ilustrační obrázek v textu [21. prosince 2004 20:04]
- Výtahy z textu na webu [6. října 2004 14:48]
- Relativní jednotky v CSS [9. srpna 2004 9:53]
- Klikatelné obrázky vložené přes CSS [21. července 2004 8:32]
- Klikací CSS logo [20. června 2004 16:30]
- 3D CSS Box Model [21. května 2004 6:37]
- CSS position:fixed i v IE [10. května 2004 18:42]
- CSS pro tabulky [11. prosince 2003 6:58]
- Okraje v CSS [24. listopadu 2003 7:04]
- Svislé centrování v CSS [19. listopadu 2003 15:57]
- Dvakrát o polohování prvků v CSS [9. listopadu 2003 9:20]
Komentáře
Microsoft tuto techniku tradičně používá ve svých portálových rozhraních. Tak bacha, třeba je to pátá kolona M$ ;-)
D&D ma i Google na sve HP a Centrum na mailu a musim rici, ze clovek si na to zvykne velmi rychle :)
[4] bohužel to nefunguje v opeře... To už pak není dobré, takový shop, kde mohou nakupovat jen majitelé !E...
No ještě update. Odpustil jsem si poznámku o populistickém pojetí Opery a její interpretace js, ale vidím Vaší zmínku o IE. Tak vězte, že v Gecku to samozřejmě funguje. Že Opera má problémy s js není nic nového. Souvisí to s její rychlostí, už jsem se na dost věcí dotazoval na fóru Opery a vždycky dělají mrtvé brouky. Ono cokoliv překreslit na již vypsané stránce je pro Operu problém. Dokonce ani není schopná číst hlavičky, už jsem kvůli ní musel jeden web kompletně předělávat, protože opera 8 načetla script s událostí na onload perfektně ho provedla, bez chyby jako všechny ostatní 5+ prohlížeče, jenomže jaksi ten script odmítla pustit a na každé další stránce kde ten script byl v hlavičce ho prostě neprovedla. Hlavičky
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Content-type: application/x-javascript; charset=utf-8");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache"); jí nic neříkají a proč? No aby byla rychlá. Stejné je to s každým druhým show/hide, které ve verzích 7.1 a 7.23 v klidu funguje ve verzi 8 ne. Celou věc jsem nakonec musel předělávat do css, které na to potřebovalo mnohem víc kódu.
Každá verze opery má úplně jiné chyby a není téměř způsob jak je od sebe rozumně odlišovat. Konkrétně v js na tom jsou hůř už snad jen starší verze konqueroru. Na druho stranu když to v Opeře nefunguje, taky bych to nepoužil, bohužel jí pár lidí používá.
Další příspěvky
- Aktuální příspěvky
- Novější příspěvky
- Link exchange request [4. srpna 2005 11:17]
- Blog.cz - zkušenosti [3. srpna 2005 23:16]
- IE7 Beta 2 slibuje podporu standardů [30. července 2005 8:42]
- Starší příspěvky
- 15 let webdesignu a žádná změna [29. července 2005 13:48]
- Windows Vista vs. české Visty [28. července 2005 13:15]
- IE7 Beta 1 pouze pro předplatitele MSDN [28. července 2005 9:36]
- Všechny příspěvky za měsíc červenec 2005
