2011-07-07 9 views
0

私はこの構造のHTMLページを持っています。IDでスクロールするdiv

<div class="scrollBoxYe"> 
<table class="grid"> 
<tr><td class="wd0"><div id="20110701" class="lcday"><div class="lcleft">Fri 01</div><div class="lcmid">The Sacred Heart of Jesus, solemnity&nbsp;-&nbsp;<a href="#" onclick="window.open('http://evangelizo.org/www/popup-saints.php?language=AM&id=10309&fd=0', '', 'width=500,height=450,top=120,left=120,scrollbars=yes')">St. Gal, Bishop (c. 489-553)</a>,&nbsp;&nbsp;<a href="#" onclick="window.open('http://evangelizo.org/www/popup-saints.php?language=AM&id=10480&fd=0', '', 'width=500,height=450,top=120,left=120,scrollbars=yes')">Bl. Antonio Rosmini, Priest, Founder of the Institute of Charity (1797-1855)</a></div><div class="lcright">Jul</div></div></td> 
</tr> 
<tr><td class="we0"><div id="20110702" class="lcday"><div class="lcleft">Sat 02</div><div class="lcmid">Immaculate Heart of Mary - Memorial&nbsp;-&nbsp;<a href="#" onclick="window.open('http://evangelizo.org/www/popup-saints.php?language=AM&id=9906&fd=0', '', 'width=500,height=450,top=120,left=120,scrollbars=yes')">St. Bernardino Realino, Priest (1530-1616)</a></div><div class="lcright">Jul</div></div></td> 
</tr> 
<tr><td class="we0"><div id="20110703" class="lcday"><div class="lcleft">Sun 03</div><div class="lcmid"><a href="#" onclick="window.open('http://evangelizo.org/www/popup-saints.php?language=AM&id=9907&fd=0', '', 'width=500,height=450,top=120,left=120,scrollbars=yes')">St. Thomas, Apostle -Feast</a></div><div class="lcright">Jul</div></div></td> 
</tr> 
</table> 
</div> 
<script type="text/javascript"> 
    ScrollCalendar(); 
</script> 

ScrollCalendar機能は、20110702、20110701などのdiv IDに可変calrowが正確に決定されると検索されるのdiv ID上記の関数で20110703.

function ScrollCalendar() { 
    var d = new Date(); 
    calrow = d.formatDate("Ymd"); 
    document.write (calrow); 
    var offscroll = window.parent.document.getElementById(calrow).offsetTop; 
    document.write (offscroll); 
    window.parent.document.getElementById("scrollBoxYe").scrollTop = offscroll; 
} 

をスクロールしなければなりません。ただし、div(scrollBoxYe)をスクロールするコードには、右のオフセット(オフスクリーン)が付いていません。これらは私の質問です。

  1. calrowが正しい場合は(20110701と表示されます)。 getelementby IDはcalrowを要素を取り出すための文字列IDとして解釈しますか?私は最初に文字列にcalrowを作る必要がありますか?それを行うための正しい機能は何ですか?
  2. すべてのページ情報が1つのドキュメントにある場合は、window.parent.documentを使用して要素を検索するのは間違っていますか?コードではなく、代わりにdocument.getElementbyID( "scrollBoxYe")。scrollTop?
  3. 変数calrowでscrollBoxYeをスクロールするより良い方法はありますか?

ありがとうございます。

答えて