Results 1 to 19 of 19
  1. #1
    Join Date
    Dec 2005
    Posts
    1,270

    * Javascript! edit any webpage!

    I found on DIGG. This cool javascript that lets you edit any web page. Just copy and paste into your address bar.

    HTML Code:
    javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

  2. #2
    Join Date
    Oct 2005
    Location
    Fleet Street
    Posts
    3,243
    Um... what?

  3. #3
    Join Date
    Jan 2002
    Location
    Ohio
    Posts
    3,139
    Now thats cool...

  4. #4
    Join Date
    Feb 2003
    Location
    AR
    Posts
    2,381
    That is by far one of the coolest things I've EVER seen....EVER (unfortunately, it also kills FF after usage..for me anyway)
    Kevin

  5. #5
    Join Date
    Apr 2003
    Location
    Huddersfield, UK
    Posts
    1,479
    Geez! That's a neat good find

    Someone could use that to edit a webpage (eg: a forum message) and take a screenshot to argue someone said something when they really didn't and you offer the screenshot as proof they did

    Editing also keeps the page layout and colours ... etc.
    ┣▇▇▇═─√v^√v^√♥
    - Proudly Hosted By: NetworkPanda.

  6. #6
    Join Date
    Dec 2002
    Location
    Jackson, MI
    Posts
    1,526
    Wow, like this?
    Attached Thumbnails Attached Thumbnails wow.gif  

  7. #7
    Join Date
    Oct 2002
    Location
    Under Your Skin
    Posts
    5,875
    Quote Originally Posted by csparks
    Wow, like this?
    I see you erased your oringal reply, CSPARKS....

    Can't wait to use this in the other forums.....
    Attached Thumbnails Attached Thumbnails jj.jpg  
    Windows 10 to Linux and Mac OSX: I'm PARSECs better than you. Eat my dust!!!

  8. #8
    Quote Originally Posted by EncoderZ
    Geez! That's a neat good find

    Someone could use that to edit a webpage (eg: a forum message) and take a screenshot to argue someone said something when they really didn't and you offer the screenshot as proof they did

    Editing also keeps the page layout and colours ... etc.

    Though this script makes the task easier it is really no big deal because you can anways save the webpage and edit it. A skilled person can also edit a screenshot to some extent...

    Probably the reason why people post urls instead of screenshots when they want to refer to another site or post.

  9. #9
    Join Date
    Jan 2002
    Location
    Ohio
    Posts
    3,139
    I wonder if there is a way to set this up for an online page builder...

  10. #10
    Join Date
    Nov 2003
    Location
    Newport Beach, CA
    Posts
    2,920
    That's the whole point of the function. it's not new, that's how WYSYWIG web based editors work.
    Show your reciprocal links on your website. eReferrer

  11. #11
    Join Date
    Dec 2005
    Posts
    1,270
    Quote Originally Posted by csparks
    Wow, like this?
    Now if you can turn off the spell check. It will look every real.

  12. #12
    Join Date
    Aug 2005
    Location
    Barcelona, Spain
    Posts
    3,397
    This is just the built-in editor from Firefox, the Gecko engine and the IE engine both have such an editor installed in itself. Nothing fancy
    hi there!

  13. #13
    Join Date
    Feb 2004
    Location
    Scotland
    Posts
    2,830
    Try this one instead:

    Code:
    javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);
    Just make sure the site you try it on has images.

  14. #14
    Join Date
    Mar 2004
    Location
    USA
    Posts
    4,342
    Quote Originally Posted by YetiHost-Wullie
    Try this one instead:

    Code:
    javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);
    Just make sure the site you try it on has images.
    Now thats nice!

    Peace,
    Testing 1.. Testing 1..2.. Testing 1..2..3...

  15. #15
    Join Date
    Apr 2005
    Posts
    501
    I don't get it. This does nothing in any of my browsers. Is it just like the web dev toolbar in Firefox, as mentioned above?
    IE7 is nine years behind the standards or wrong.
    But it works in IE!
    "IE is a cancer on the web" -- Paul Thurott
    "Avoid hacker-bait apps like Internet Explorer" -- Kevin Mitnick

  16. #16
    Join Date
    Feb 2003
    Location
    AR
    Posts
    2,381
    No - It's like the webpage becomes a WYSIWYG editor. It's very cool.
    The second one takes all the images on the page and makes them spin and rotate and stuff....Cool stuff.

  17. #17
    Join Date
    Mar 2004
    Location
    USA
    Posts
    4,342
    Quote Originally Posted by drhowarddrfine
    I don't get it. This does nothing in any of my browsers. Is it just like the web dev toolbar in Firefox, as mentioned above?
    You can virtually edit anything on the webpage. The second makes the images fly round n round.

    Make sure you have javascript enabled.

    Peace,
    Testing 1.. Testing 1..2.. Testing 1..2..3...

  18. #18
    Join Date
    Feb 2004
    Location
    Scotland
    Posts
    2,830
    For anyone interested in this type of thing, take a look at the following site as there are loads of these "Bookmarklets":

    http://www.bookmarklets.com/

  19. #19
    Join Date
    Apr 2005
    Posts
    501
    Ok. Now I get it. I didn't notice any change in anything until I accidentally clicked in a text area and noticed the cursor there.
    IE7 is nine years behind the standards or wrong.
    But it works in IE!
    "IE is a cancer on the web" -- Paul Thurott
    "Avoid hacker-bait apps like Internet Explorer" -- Kevin Mitnick

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •