Прокрутка div, содержащего таблицу - PullRequest
Новая
       10

Прокрутка div, содержащего таблицу

1 голос
/ 06 июля 2011

Вот неполная таблица, которую я создаю в сценарии PHP. 

Date      Description                             Month
Sun 3  -  14th Sunday of the year                - July
Mon 4  -  Week 14 of the year                    - July
          or Saint Elizabeth of Portugal 
Tue 5  -  Week 14 of the year                    - July
          or Saint Antony Mary Zaccaria, Priest 
Wed 6  -  Week 14 of the year                    - July
          or Saint Maria Goretti, Virgin, Martyr 
Thu 7  -  

Fri 8  -  

Sat 9  -  Week 14 of the year                     - July
          or Saint Augustine Zhao Rong and 
          his Companions, Martyrs 
Sun 10 -  15th Sunday of the year                 - July

Mon 11 -  Saint Benedict, Abbot                   - July

Tue 12 -  Week 15 of the year                     - July

Wed 13 -  Week 15 of the year, Saint Henry        - July

Thu 14 -  Week 15 of the year                     - July
          or Saint Camillus of Lellis, Priest 
Fri 15 -  Saint Bonaventure, Bishop, Doctor       - July

HTML будет выглядеть следующим образом. 

<div class="scrollBoxYe">
<table class="grid">
    <tr><td>
          <div name="20110703" class="lcday">
             <div class="lcright">Sun 3</div>
             <div class="lcmid">&nbsp;-  14th Sunday of the year</div>
             <div class="lcright">- July</div>
          </div>
    </td></tr> 
    .
    .
    .
    .
</table>
</div>

Имя для div с class =«lcday» будет тегом привязки.Я хотел бы иметь возможность прокручивать div scrollBoxYe в строку, которая соответствует текущему дню.Должен ли якорь имени находиться в элементе div или tr?

Полезно ли событие onload для элемента div?Я хочу иметь возможность прокручивать div без каких-либо событий щелчка.Если событие onload недоступно, каков наилучший способ автоматической загрузки div?Я предпочитаю избегать этого при загрузке тела страницы, потому что на одной странице загружены разные представления.

Как только я найду подходящее событие для автоматической загрузки div, я хочу вызвать такую ​​функцию, как эта.

function scrolltoanchor(row){
document.getElementById("scrollBoxYe").scrollTop = document.getElementById(row).offsetTop
}

Параметром функции является имя якоря.

Наиболее важные вопросы:

  • как определить якорь, чтобы иметь возможность прокручивать доправая строка.
  • Правильное событие для вызова функции прокрутки (загрузка тела невозможна).

1 Ответ

1 голос
/ 27 июля 2011

Я не знаю, можно ли использовать jquery, но я думаю, что это намного проще. Эта скрипка должна работать.

...