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
110 views
Add a Comment
Login
to Comment. Not a member yet?
Sign up
Related Clips
I hope he doesn't shoot this one
Rainbow
Stormtruthers
Sexiest Electric Cars from the Paris Auto ...
My Best Friend
Army survival Guide
is the situation much worse than they are ...
Today's Top Clips
Jews Protect Palestinians in Harvest of Hate
ACLU: Bush Tried to Create 'Gitmo Inside the US'
Even When You Sleep, Your Brain Is Awake
A "Christian" Cure for Homosexuality
Citizen Terrorists Deleted
I'll Take Hope Over Fear and Loathing, Thank You Very Much
DNA could reveal your surname
Rednecks for Obama
Holographic television to become reality
Palin and the Sucessionist AIP
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://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/14849335-b200-4454-bab3-641c1c2e801a/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
