Přeskočit na obsah

Hledej:


elfineer | blog

@PavelHoralik @ischiam tomu obyčejně hráblo, ne? :)
twitter.com/elfineer


dub 07 21

Pohybovatelné DIVy

Datum a čas sobota 21. dubna 2007, 23:20
Tagy blog
Komentáře 12 (přejít na komentáře, přidat nový, sledovat pomocí RSS)
Přečteno 4929×
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,{han­dle:‚handle‘});“. Pozor ale, přidání scriptaculous znamená 140kB navíc.

Pohybování DIVem po stránce
Pohybování DIVem po stránce

neděle 21. dubna 2007, 23:20 - 4929× shlédnuto - RSS komentářů - tagy: blog



?>


Nepřehlédněte

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ě :).

Komentáře používají Texy! syntaxi.

"odkaz":http://kam.vede.cz, *zdůrazněné (em)*, **zdůrazněnější (strong)**, citace


Hledání

Mikroblog

GOTO TWITTER
GOTO POSTEROUS

Reklama

Nejčtenější

Reklama

Kvalitní domény, levný webhosting
Vyzkoušejte spolehlivý Český hosting. www.cesky-hosting.cz

Facebook tipy

Moje weby

Napište mi vzkaz