Difference between revisions of "RubberBandSelection"
Line 3: | Line 3: | ||
<font style="font-size:13pt">"Rubber-band", or drag-selection is a user-interface feature of GBrowse 1.69 and later. It a javascript/DHTML-based feature that works in all major web browsers and is turned on by default. The purpose of this page is to describe how to control features of the rubber-band selection via the GBrowse configuration-file</font> | <font style="font-size:13pt">"Rubber-band", or drag-selection is a user-interface feature of GBrowse 1.69 and later. It a javascript/DHTML-based feature that works in all major web browsers and is turned on by default. The purpose of this page is to describe how to control features of the rubber-band selection via the GBrowse configuration-file</font> | ||
+ | |||
+ | |||
+ | =Configurable options= | ||
+ | |||
+ | <table width=80%> | ||
+ | <tr> | ||
+ | <th>Options</th> | ||
+ | <th>Values</th> | ||
+ | <th>Description</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>autoSubmit</td> | ||
+ | <td>1 or 0</td> | ||
+ | <td> | ||
+ | * This option is a BOOLEAN true or false. | ||
+ | * The purpose of this option is to indicate what is to happen when the selection is complete, triggered by an onmouseup event in the selectable area. | ||
+ | * If autoSubmit = 1, the page will be reloaded non-interactively, with focus set to the selected region. | ||
+ | * If autoSubmit = 0, a menu will be used to direct which operation will be performed on the selected sequence regions. A generic menu is supplied by default. The menu can be customized (see below). | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>marginTop</td> | ||
+ | <td>px | ||
+ | <td> | ||
+ | How far the select area text (indicating the size of the selected region) will be placed from the top of the select box. This value must be a positive integer, 'px' is mandatory. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>background</td> | ||
+ | <td>web-color or hex</td> | ||
+ | <td> | ||
+ | The background color of the select box. Any valid web color name or hex code is accepted. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>opacity</td> | ||
+ | <td>0-1</td> | ||
+ | <td> | ||
+ | The degree of transparency of the select box in all modern web browsers except Konqueror. The opacity value should be a float between 0 and 1, where 1 is opaque. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>fontColor</td> | ||
+ | <td>web-color or hex</td> | ||
+ | <td> | ||
+ | The color of the text select area text. Any valid web color name or hex code is accepted. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <td>border</td> | ||
+ | <td>'1px solid black'</td> | ||
+ | <td> | ||
+ | The select area border style, using CSS syntax. | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr>menuWidth</td> | ||
+ | <td>160px</td> | ||
+ | <td> | ||
+ | The width of the menu, if applicable | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
Revision as of 02:36, 15 February 2008
"Rubber-band", or drag-selection is a user-interface feature of GBrowse 1.69 and later. It a javascript/DHTML-based feature that works in all major web browsers and is turned on by default. The purpose of this page is to describe how to control features of the rubber-band selection via the GBrowse configuration-file
Configurable options
Options | Values | Description |
---|---|---|
autoSubmit | 1 or 0 |
|
marginTop | px |
How far the select area text (indicating the size of the selected region) will be placed from the top of the select box. This value must be a positive integer, 'px' is mandatory. |
background | web-color or hex |
The background color of the select box. Any valid web color name or hex code is accepted. |
opacity | 0-1 |
The degree of transparency of the select box in all modern web browsers except Konqueror. The opacity value should be a float between 0 and 1, where 1 is opaque. |
fontColor | web-color or hex |
The color of the text select area text. Any valid web color name or hex code is accepted. |
border | '1px solid black' |
The select area border style, using CSS syntax. |
</tr>