Search Options
close
Search the following clips:
All Clips
Everyone's Clips
My Guides
Sign Up
Install
Learn More
Login
Make any page editable
rrozich
follow
1
7-11-2008 10:31 AM
80 views
Add a Comment
Login
to Comment. Not a member yet?
Sign up
Related Clips
Dolphins walk on water in the wild
The Male Brain, Explained
THE WINNERS -"A lifetime of training for j...
Minding Mistakes: How the Brain Monitors E...
What's Obama hiding now?
cute olympic mascots
Taliban Warn 'Un-Islamic' UNICEF to Stop A...
Today's Top Clips
Proven: Gorillas have human emotions
A New State Of Mind
Does Bush Believe McCain Was Tortured?
Drunk Builders & Mad Architects
Minding Mistakes: How the Brain Monitors Errors and Learns from Goofs
World’s Most Spectacular Skylines
The Male Brain, Explained
What's Obama hiding now?
Abandoned Castles Of Russian Countryside
Eight of the Most Scenically Breathtaking Natural Springs in the World
visit the
Top Clips page
View the Top Clips from
July 11, 2008
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/e07c5c13-7248-4780-a0e3-b13b6d16ae28/4A0F1B8D-1997-459F-A7CD-C045DEE3B6F1/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript" href="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript" style="font-size: 11px;">www.webmonkey.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript"><P><IMG alt="Webmonkey faked onto the Google homepage" src="http://howto.wired.com/mediawiki/images/Webmonkey-on-google.png" /> There’s a little trick going around that lets you edit any content by implementing a single line of JavaScript. It utilizes an HTML5 document property that is not well known, but is well supported in recent browser versions: <STRONG>contentEditable</STRONG>. The image included here is a screen capture of Google’s homepage, with a slight edit: the upper left says Webmonkey instead of Web.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript"><P>To try it out for yourself, just enter this text into your location bar and hit enter:</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript"><BLOCKQUOTE><P>javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0</P></BLOCKQUOTE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.webmonkey.com/blog/Make_Any_Content_Editable_With_JavaScript"><P>You’ll remain on the same page, but you will be able to delete or alter any of the text. Of course, the catch is that only you can see your edits and only until you reload. What use is it, other than creating fake screenshots, as <A href="http://www.blogstorm.co.uk/cut-and-paste-one-line-of-code-to-make-any-website-editable/">BlogStorm suggests</A>?</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/4A0F1B8D-1997-459F-A7CD-C045DEE3B6F1/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
Clipmarks
Home
New Clips
Top Clips
Dashboard
Popular Topics
News
Life
Science
Technology
Entertainment
Get Started
Sign Up
Install Clipping Tool
How Clipping Works
Clip-to-Blog™
ClipSearch
Tools and Resources
FAQ
ClipWeek
Top Clippers
Top Tags
Site Map
About Clipmarks
About Us
Contact
Blog
Copyright
Privacy
EULA
OK
