Прокрутка тексат, как реализовать?

[darksmoke]

Добрый день.

Нужен скрипт, или чейто острый ум и умелые руки.

Условие:

1. Имеется таблица. С фиксированными размерами.

2. В одной ячейки должен быть большой текст.

3. Ячейка не должна расширятся.

4. Имеется картинки стрелочек вверх и вниз, которые должны использоваться как кнопки.



Цель

При нажатии на стрелочку вниз (картинку) текст должен прокручиваться вниз, а при нажатии стрелки вверх - верх.

Скролинга не должно быть. Все управление происходит только двумя кнопками.

Текст должен быть виден только в этой ячейки. Т.е. он прокручивается только в ней.

[darksmoke]

Нашел вот этот скрипт. Кто бы помог немного переделать, он скролит всю страницу, а мне нужно только опрделенную область, а точнее ячеку в таблице. Спасибо.

Код: Выделить всё

<div id="staticbuttons" style="position:absolute;"> 

<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img 

src="arrows_up.gif" border="0"></a><br> 

<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img 

src="arrows_dn.gif" border="0"></a> 

</div> 

 

<script> 

 

//Page Scroller (aka custom scrollbar)- By Dynamic Drive 

//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com 

//This credit MUST stay intact for use 

 

var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width) 

var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height) 

var thespeed=3 //Enter scroll speed in integer (Advised: 1-3) 

 

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1 

var myspeed=0 

 

var ieHoffset_extra=document.all? 15 : 0 

var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons 

 

function iecompattest(){ 

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 

} 

 

function positionit(){ 

var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset 

var dsoctop=document.all? iecompattest().scrollTop : pageYOffset 

var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra 

var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight 

 

if (document.all||document.getElementById){ 

cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px" 

cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px" 

} 

else if (document.layers){ 

cross_obj.left=dsocleft+window_width-Hoffset 

cross_obj.top=dsoctop+window_height-Voffset 

} 

} 

 

function scrollwindow(){ 

window.scrollBy(0,myspeed) 

} 

 

function initializeIT(){ 

positionit() 

if (myspeed!=0){ 

scrollwindow() 

} 

} 

 

if (document.all||document.getElementById||document.layers) 

setInterval("initializeIT()",20) 

 

</script>

[Igor_I]

Ну и добавь код



Код:

Код: Выделить всё

<div id="staticbuttons">  
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img  
src="arrows_up.gif" border="0"></a><br>  
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img  
src="arrows_dn.gif" border="0"></a>  
</div>

в ячейку