Beyond Paper

Inspiration and examples for designers from the company making the internet work for YOU!

Website
Email: diane{@}beyond-paper{.}com

Powered by: Tumblr
Theme: Thought Cloud by Heather Rivers

    Permalink
    Dec
    10
    Mon
  1. Edit in Place

    A client wanted to be able to change her quote of the day easily. She is extremely techniphobic, so I wanted something she could just click and type into. I came up with this goodie.

    Check out the demo, but basically I used the power of Prototype and Scriptaculous to create an editable paragraph. I saved the editable version of her page in a password-protected folder (no admin functions - just protected via simple .htpassword). She can click to edit a paragraph.

    The public-facing version of her site is not clickable, of course, and simple inserts the editable paragraph.

    The cool thing is, I wrote the code to be expandable - it targets an element by id - so you could have several elements on a page that are editable.

    While this wouldn’t work for a large site, for a brochure-type site it is an ideal way for a non-technical person to be able to make text changes without learning an editing program.

    I’m offering this script for a flat-rate just like I do for validating forms.  Contact me for pricing.  Requires a MySQL database, but can piggyback on another, existing one.