EditInPlace

Check out the demo at http://iWebFAQ.com/edit of one of the dynamic backend features developed for iWebFAQ.com that we use to add and edit tutorial articles.

With "edit in place" you can click on text to have it turn into a text area of a form with a save button that appears where you see the text. Then you're able to modify the text and click the save button to have the edited text save and update on the site! Instantly! Without having the page reload!

This makes it very easy to update a website. You can set up a authentication variable for the "edit in place" feature so that only authorized users are able to edit the text. Others that are not authorized see the text as you see this text written here - with no rollover effects or clickable areas to change text to "edit in place" textarea.

To setup "edit in place" you need to upload a couple javascript files to your host and link to them in the head of your page. Add id to div for area on page you want to have "edit in place". After that create a edited.php script that connects to your database, finds and filters a table, and then changes the variable in the table to the retrieved text that was submitted and stored through the javascript file.

php echo content varible from javascript.

once "edit in place" form is submitted it runs the php script and echos the content back into the "edit in place" area.

That's it! Now your newly retrived text will be stored in the database and be displayed on the page. The demo is programmed to reset the text when the page is reloaded.