andfinally's public fiddles
-
Using JQuery Validtor plugin with datepicker
Creates datepicker on birthday field and validates according to a custom date format.
-
Clearing floats of child elements
Clearing the float in a child element breaks the float of its container. You have to set overflow:auto or overflow:hidden on the parent of any element whose float you're clearing as explained here. http://stackoverflow.com/questions/7548091/clearing-inner-float. Also can't have margin-left: 170px; on entry-container, as this has the effect of shrinking it. http://www.w3.org/TR/CSS2/visuren.html#bfc-next-to-float
-
JS to add element to page before a certain date
Mootools 1.4.1, HTML, CSS, JavaScript
-
Fluid layout with some elements fixed size
Min-width is necessary on #row to accommodate the two fixed width columns. Otherwise the layout breaks on shrinking.
-
Image carousel with translucency
Mootools 1.4.1, HTML, CSS, JavaScript
-
Adverts object as rewritten by Panos
Mootools 1.3.2, HTML, CSS, JavaScript
-
Growing a div to show injected contents
Wrapper div must be display block, overflow-y: hidden, height: 0. Inject contents into inner wrapper. Measure height of inner wrapper. Animate wrapper to that height. Fade in the inner wrapper.
-
tVBCa
Mootools 1.3.2, HTML, CSS, JavaScript
-
Tabs
Mootools 1.3.2, HTML, CSS, JavaScript
-
each
Manipulate individual elements selected with each().
-
getElement, set
Set property of an element.
-
Element, inject
Creating element. Including events during construction. Injecting into body.
-
getElement, getStyle, addEvents
Selecting descendants. Adding multiple events to multiple elements. Getting multiple styles.
-
Fx.Elements
Effects on several elements. Must refer to each element using index.
-
addEvent, removeEvents, set, removeProperty
Add and remove an event. Set and remove element attributes.
-
addEvents, set
Tween easing. Set tween options. Mouseover on elements tweens them.
-
Request
Request external file data.txt and load content into div. Doesn't work here because file's not present.
-
Class, Fx.Morph, chain
Chains several animations
-
Class, options, Element, inject, Fx.Morph
Simple class. Add div to page. Div has click event which animates it.