javascript - Recreating Doodles Accordion Table -
in current webproject have implement table containing days of month, resulting in ~30-31 table columns. since such huge table isn't pretty, wanted implement similar tables of doodle polls. doodle folds table, replaces hidden columns pic , if click on picture unfolds columns -> displays hidden columns.
but how achieve such behaviour? i'm new javascript , not familiar fancy css3 techniques.
especially, how replace hidden columns picture? tutorials i've found allow hide specific columns , not replace them.
ps: tagged ror, since project i'm working on built ror , maybe there rails solution problem?
pps:
you hide columns want hide first , have column image displayed in table. when image (folding) clicked can hide column containing picture , make other columns visible again. not fancy css3 stuff need basic knowledge of how interact dom elements through javascript (hide / show) elements. should trick.
see this tutorial @ w3schools. need elements need (image column , tds in hidden columns) ant apply css style them (hidden / visible).
Comments
Post a Comment