Copy box |  |  |
http://cocoadevcentral.com (Jul 2003)
Problem
Copy-paste operations on a Web page are often difficult, especially when the to-copy-selection extends over multiple lines - all to easily you select too much (the entire page) or you miss some characters.Motivation
A webpage presents information that the user needs to copy (and paste into another application). TO WRITE...Solution
Create a rectangular shaped area (a box) that indents from the body text. Give the box a border and/or a distinct background color.Diagram
Use when
- Textual information should be copied to another application, such as a terminal or code editor.
Implementation
- Formatted HTML: for small to large content; harder to copy; easier to view (top example)
- A textarea of a form: for larger content; easier to copy; harder to view (example from Moock below)
Examples
Example from http://snipsnap.org (Oct 2002)
Example from http://www.moock.org/blog/archives/000044.html (14 Sep 2003). This is an actual form textarea - this makes copying easier, but you need to scroll the box to see the whole contents.
Connections
Literature
Authors:
-- ArthurClemens - 14 Sep 2003