MOOTOOLS TEST

mootools : FxSlide() in a blog page

This is an experimental effect designed to hide the map withing a blog article. The mootools javascript toolset or framework is well understood. The trick is to apply it to a blog page which is not static. That is to say the number of maps displayed in a page will vary due to the author’s content, I may not include a map in every post and secondly due to the fact the Blogger will vary the number of articles on the page over time.

hide map | show map


View Crinkle Crags & Langdale Pikes in a larger map

So the requirement is be able to

  1. insert into a blog post while writing it
  2. add a simple set of links to hide or reveal the map
  3. add any necessary css or html tags to the map itself or it’s containing div
  4. the code must be simple and amenable to be inserted as a snippet
  5. we should NOT need to know howmany maps have previously existed on the page, the code must self configure

About Madman2

Iconoclast, recently lost all sanity, shaved moustache off after 33 years and still getting used to it, taken up fell running of sorts. Interests: Mountaineering, food, cooking, people, friends, politics, education, photography, thinking, kites, making people laugh, fell running, adventure running. Favourite Films: The Long Good Friday, Laurence of Arabia, Thomas Crown Affair, Lock Stock and Two Smoking Barrels, Snatch, Slumdog Millionaire, Fargo, anything by Poliakoff. Favourite Music: Jazz, Norah Jones, Red Hot Chilli Peppers, Joss Stone, Dido, Dave Brubek, John Coltrain, Florence and the Machine, Lily Allen Favourite Books: The Unconsoled, Dirk Gently's Holistic Detective Agency, The White Spider, Touching the Void
This entry was posted in Uncategorized and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>