- go to Fruitful Bookmarks;
- create a storage, you'll need an identifier (ID containing 10 characters) of this storage for the next step;
- add to HTML of your pages the styles and load the related controls (see example below).
The styles examples (names should remain the same):
div.ffbs_correction_main {
position: fixed;
top: 40px;
right: 1px;
width: 240px;
height: 33px;
border: 1px solid #20cc20;
z-index: 9999;
background: #ffe0e0;
padding-left: 2px;
padding-right: 2px;
overflow: auto;
opacity: 0.8;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.ffbs_moreless {
border-bottom: 1px dashed black;
font-size: 8px;
}
span.ffbs_moreless:hover {
cursor: pointer;
}
span.ffbs_lookup {
border-bottom: 1px dashed black;
font-size: 10px;
}
span.ffbs_lookup:hover {
cursor: pointer;
}
span.ffbs_highlight {
color: red;
background: #d0d0d0;
border: 1px dotted #0099cc;
}
How to load the controls:
<script src='http://www.fruitfulbookmarks.com/correction/init/ID OF YOUR STORAGE/eng/collapse'></script>
Some details regarding this address: http://www.fruitfulbookmarks.com/correction/init/ID OF YOUR STORAGE/eng/collapse:
- ID OF YOUR STORAGE — this is the 10-chars ID of the recently created storage;
- eng — language of the controls;
- "collapse" means controls will appear collapsed initially (only header, without suggested corrections). The other possible option is "expand";
To suggest a correction user should select text and press Ctrl+Enter, then put corrected text into the popped up window. After page refresh the suggested correction will be shown in the corrections "window". Being expanded this window will show the users suggestions and sites administrator could fix the error.
An example of how it could look like you can see at the right hand side of this blog (on top).
If you found any issues with the algorythm, please comment.
If you found any errors in this post, please use Ctrl+Enter to report.
No comments:
Post a Comment