Здравствуйте! С JavaScript я практически не знаком (начал потихоньку изучать 4-е дня назад). Поэтому нужна помощь. Значит так.
Есть таблица. Внутри одной из колонок есть DIV, а внутри DIV'а большой (скролл неизбежен) ненумерованный список ссылок ведущих на другие страницы сайта. Высота дива фиксированная - 200px, а ширина зависит от ширины "резиновой" колонки. На открывшейся по любой ссылке странице, строка списка, по которой был переход, отображается уже не ссылкой, а текстом.
Задача. Сделать автоматический скроллинг "текстового элемента", на открывшейся странице, к центру (т.е. примерно по 100px сверху и снизу, по вертикали) и левой стороне (по горизонтали) видимой части DIV'а, чтобы, значит, удобства создать для юзера.
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Мой сайт</title>
<style type="text/css">
table{width:100%; border:0; border-collapse:collapse;}
#rightcol{width:20%;}
#rightcol div.spisokssilok {overflow:auto; font-size:90%; background:#eee; height:200px; margin:0 0 15px 0; padding:0;}
li {list-style-type:none; padding-left:10px;}
ul {margin-left:0; padding-left:0;}
#activstranitsa{font-weight:bold; color:red;}
</style>
</head>
<body>
<table>
<tr>
<td> </td>
<td> </td>
<td id="rightcol">
<div class="spisokssilok">
<ul>
<li><a href="1.html">1</a></li><li><a href="2.html">2</a></li><li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li><li><a href="5.html">5</a></li><li><a href="6.html">6</a></li>
<li><a href="7.html">7</a></li><li><a href="8.html">8</a></li><li><a href="9.html">9</a></li>
<li><a href="10.html">10</a></li><li><a href="11.html">11</a></li><li><a href="12.html">12</a></li>
<li><a href="13.html">13</a></li><li><a href="14.html">14</a></li><li><a href="15.html">15</a></li>
<li><a href="16.html">16</a></li><li><a href="17.html">17</a></li><li><a href="18.html">18</a></li>
<li><a href="19.html">19</a></li><li><a href="20.html">20</a></li><li><a href="21.html">21</a></li>
<li><a href="22.html">22</a></li><li><a href="23.html">23</a></li><li><a href="24.html">24</a></li>
<li><a href="25.html">25</a></li><li><a href="26.html">26</a></li>
<li id="activstranitsa">27</li><!-- На этой странице нужен скроллинг к 27-му элементу -->
<li><a href="28.html">28</a></li><li><a href="29.html">29</a></li><li><a href="30.html">30</a></li>
<li><a href="31.html">31</a></li><li><a href="32.html">32</a></li><li><a href="33.html">33</a></li>
<li><a href="34.html">34</a></li><li><a href="35.html">35</a></li><li><a href="36.html">36</a></li>
<li><a href="37.html">37</a></li><li><a href="38.html">38</a></li><li><a href="39.html">39</a></li>
<li><a href="40.html">40</a></li><li><a href="41.html">41</a></li><li><a href="42.html">42</a></li>
<li><a href="43.html">43</a></li><li><a href="44.html">44</a></li><li><a href="45.html">45</a></li>
</ul></div></td></tr></table></body></html>
|
Конечно хотелось бы кроссбраузерное решение и именно с указанным Доктайпом. 
Да, и еще. Я нашел решение, используя библиотеки JQuery, но хотелось бы без них. Т.к. там скроллит к верхней части DIV'а, а не к центру.
Заранее спасибо, ребята! |
Вот так: 
Жаль не могу вам репутацию поднять.