| version 1.1, 2002/05/01 23:21:10 |
version 1.2, 2002/09/04 17:08:31 |
|
|
| contentTableResize.js |
contentTableResize.js |
| --------------------- |
--------------------- |
| |
(vim: set tw=73:) |
| |
|
| This script provides one function contentTableResize() which allows you to |
This script provides one function contentTableResize() which allows you |
| do powerful main content table resizing. |
to do powerful main content table resizing. This function allows you to |
| |
specify maximum width of table. Some pages look on big monitors bad, so |
| This function allows you to specify maximum width of table. Some pages look |
this is how to avoid of that. Set your content table like this: |
| on big monitors bad, so this is how to avoid of that. Set your content |
|
| table like this: |
|
| |
|
| <table width="100%" id="contentTable"> |
<table width="100%" id="contentTable"> |
| |
|
| Parameter id is compulsory. We recommend you to set width to percentage |
Parameter id is compulsory. We recommend you to set width to percentage |
| value. If JavaScript will not work on client side, page will be displayed |
value. If JavaScript will not work on client side, page will be displayed |
| still well. Due to percentage, on small monitors it will be still good. And |
still well. Due to percentage, on small monitors it will be still good. |
| important is that it will be without horizontal scroll bar. |
And important is that it will be without horizontal scroll bar. |
| |
|
| Than determine maximum size of screen when you page still looks good. |
Than determine maximum size of screen when you page still looks good. |
| Imagine it is 700. Also determine value of table width which will be set |
Imagine it is 700. Also determine value of table width which will be set |
| Line 24 add to your body tag something like this |
|
| Line 23 add to your body tag something like this |
|
| onLoad="contentTableResize(700, 680);" |
onLoad="contentTableResize(700, 680);" |
| onResize="contentTableResize(700, 680);" ...> |
onResize="contentTableResize(700, 680);" ...> |
| |
|
| Note that you can set these values in this script and call function without |
Note that you can set these values in this script and call function |
| parameters. You can also pass only one parameter and than it will be used |
without parameters. You can also pass only one parameter and than it will |
| for both. |
be used for both. |
| |
|
| Since version 0.2 you can specify more that one contentTable. |
You can pass all optional third parameter - percentage pase. This feature |
| |
is improvement of tables with percentage width specification resizing. |
| |
You can define value of 0 for percentage base or simply not pass third |
| |
parameter to get default behaviour. Any other positive value you pass |
| |
will be used as percentage base. So tables with the same width as |
| |
percentage base is will be resized to new width (param 2) if table width |
| |
will exceed maximum width (param 1). If table width differs from |
| |
percentage base, it will be resized accordingly. |
| |
|
| |
Version history: |
| |
* Since version 0.3 (released 04-Sep-2002) you can use percentage base as |
| |
optional third parameter. |
| |
* Since version 0.2 you can specify more that one contentTable. |
| |
* Version 0.1 was initial release. |
| |
|
| Developed by Ondrej Jombik <nepto AT pobox.sk> |
Developed by Ondrej Jombik <nepto AT pobox.sk> |
| Copyright (c) 2000-2002 Platon SDG, http://www.platon.sk/ |
Copyright (c) 2000-2002 Platon SDG, http://www.platon.sk/ |
| Line 40 Please e-mail them to the following addr |
|
| Line 51 Please e-mail them to the following addr |
|
| The latest official release of scripts is available from: |
The latest official release of scripts is available from: |
| http://www.platon.sk/projects/scripts/ |
http://www.platon.sk/projects/scripts/ |
| |
|
| This document was written by Ondrej Jombik in 1st Mai 2002. |
This document was written by Ondrej Jombik in 1st Mai 2002 |
| |
and updated by the same author in 4th September 2002. |
| |
|