dub 07 21

Pohybovatelné DIVy

Datum a čas	sobota 21. dubna 2007, 23:20
Tagy	blog
Komentáře	14 (přejít na komentáře, přidat nový, sledovat pomocí RSS)
Přečteno	9015×
Popis	S políčkem přidávání nového komentáře lze nyní po stránce hýbat. Lze tak např. lépe reagovat na jiné komentáře apod.

Inspirován webem DDS P5 (kajinek32) jsem během sledování Terminálu (který už jsem viděl dřív a o kterém jsem si správně pamatoval, že končí jinak, než má) přidal na stránku jednu užitečnou vlastnost.

S políčkem pro přídání nového komentáře lze nyní po stránce hýbat. Lépe se tak reaguje na jiné komentáře nebo komentuje samotný článek. Nejpohodlněji se s divem hýbe použitím kolečka myši.

Implementace

Samotná implementace je přitom snadná – stačí do stránky přidat script.aculo.us a ke konkrétnímu DIVu vlastnost onmouseover=„new Draggable(this,{handle:‚handle‘});“. Pozor ale, přidání scriptaculous znamená 140kB navíc.

Pohybování DIVem po stránce

pátek 21. dubna 2007, 23:20 - 9015× shlédnuto - RSS komentářů - tagy: blog

, Follow @elfineer

Nepřehlédněte

Má fotka na blogu Flickru (02. 01. 2014)
Trochu chlubení se.
Silvestr a ohňostroj (fotky) (01. 01. 2014)
Pár fotografií...
Kde končí fotky z fotobank (06. 10. 2013)
Pokud nahráváte fotky do fotobank, je zajímavé sledovat, kde nakonec končí.
Hraju si s mikroblogováním (19. 03. 2008)
Přidal jsem na blog ještě malý "mikroblog" s vlastním RSS kanálem.
První rok a lehčí redesign (04. 09. 2007)
Dnes slaví blog přesně roční výročí - při té příležitosti přicházím s lehce upraveným designem.

Imb - neděle 22. dubna 2007, 00:19 - #

Jupí, přesně tahle vychytávka mi chyběla ke štěstí!

Ji31 - neděle 22. dubna 2007, 00:31 - #

Ahoj, právě redesignuju svůj web, můžu tuhle fičůrku volně použít?? Moc by se mi tam líbila, díky!

elfineer - neděle 22. dubna 2007, 01:06 - web - #

Imbo: Tak to mě těší :)) Ji31: To se mě neptej :)) Já posouvání DIVů nevymyslel a knihovnu taky nenapsal :) (script.aculo.us) – myslím jen, že je poměrně originální udělat posouvací zrovna přidání komentáře.

kajinek32 - neděle 22. dubna 2007, 10:03 - web - #

možná by bylo lepší, kdyby se to pohybovalo jen vertikálně, a ne i horizontálně, co?

Imb - neděle 22. dubna 2007, 10:31 - #

kajinek32: Ne ne ne, to by nebyla taková legrace!

Sob - neděle 22. dubna 2007, 19:33 - web - #

Jedním slovem: dokonalé!

Streamer - středa 25. dubna 2007, 13:54 - web - #

Zaujimave ale k comu je to az take dobre?

elfineer - středa 25. dubna 2007, 15:19 - web - #

Že pokud například chcete reagovat na komentář někoho jiného nebo na nějakou delší myšlenku v mém článku, tak si můžete přidávací formulář šoupnout k tomu, na co reagujete a vidět to tak lépe vedle sebe. Je to jen drobnost, ale myslím, že docela užitečná.

kajinek32 - pondělí 30. dubna 2007, 12:18 - web - #

myslim, že brzo budou takovýhle plovoucí boxy realitou všude na větších stránkách..

manakmichal - pátek 15. dubna 2011, 22:56 - web - #

Přidat 140kb kvůli jedné featurce? To je poměrně zbytečné a určitě by to šlo udělat mnohem lépe, i když se bude daný JavaScript cachovat. Nebylo by lepší využít něco jako jQuery draggable nebo si ten event v JavaScriptu napsat sám? :-)

Jinak je to poměrně zajímavá a inspirativní featurka

Karel Koliš - neděle 17. dubna 2011, 12:31 - #

Michale, opravdu sis nevšimnul datumu příspěvku? V tobě psaní příspěvku bylo jQuery ještě hodně v plenkách… (druhou věcí je, že Lukáš mohl z script.aculo.us použít jen část nutnou pro draggable, dělalo se to myslím nějak přes parametry v proměnné).

Každopádně ano, v roce 2011 by se to dalo řešit jinak. Stejně jako by v roce 2011 Sumerové řešili kolo jinak, než tenkrát…

elfineer - neděle 17. dubna 2011, 13:06 - web - #

Souhlas (všichni) – je fakt, že tehdy mi to bylo fuk (spíš ignorance) a teď je mi to fuk, protože blog by potřeboval nějaké kompletnější přepracování a navíc dneska nějakých 140kB nikoho nevytrhne, ale pravdu máš určitě :).

RSS

Datum

Implementace

Nepřehlédněte