Скролиращ <DIV>, как?

sizif

Registered
Здравейте!

Как да създам <ДИВ> с фиксирани размери, който да скролира на дължина, когато текста в него е повече от зададения размер?

Благодаря предварително!
 
Или нещо "по-така":
Код:
<html>
   <head>
      <title></title>
      <style type="text/css">
         #scrcontainer {
            width: 250px; height: 150px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
         }

         #scrinner {
            position: absolute;
            left: 0px; top: 0px;
            text-align: left;
         }
      </style>
      <script type="text/javascript">
         var
            flag=0, timer=null,
            scrwid, scrtop=0, speed=1,
            speedmax=8, speedmin=1,
            inner, innerhei
         ;

         function scrollit(dir,ev) {
            if(dir=='down' && scrtop*1>=scrhei-innerhei) {
               scrtop-=speed;
               inner.style.top=scrtop+'px';
            }
            if(dir=='up' && scrtop*1<=0) {
               scrtop+=speed;
               inner.style.top=scrtop+'px';
            }
            timer=window.setTimeout("scrollit('"+dir+"');",1);
         }

         function scrclear() {window.clearTimeout(timer);}

         function getParams() {
            scrhei=document.getElementById('scrcontainer').offsetHeight;
            innerhei=document.getElementById('scrinner').offsetHeight;

            inner=document.getElementById('scrinner');
            var arrup=document.getElementById('arrup');
            var arrdown=document.getElementById('arrdown');

            // Upward
            arrup.onmouseover=function() {scrollit('up');}
            arrup.onmouseout=function() {scrclear();}
            arrup.onmousedown=function() {speed=speedmax;}
            arrup.onmouseup=function() {speed=speedmin;}

            // Downward
            arrdown.onmouseover=function() {scrollit('down');}
            arrdown.onmouseout=function() {scrclear();}
            arrdown.onmousedown=function() {speed=speedmax;}
            arrdown.onmouseup=function() {speed=speedmin;}
         }

         window.onload=getParams;
      </script>
   </head>

   <body>
      <div id="scrcontainer">
         <span id="scrinner">
            Кубинските власти върнаха десетки чуждестранни журналисти, опитващи се да отразят временното предаване на властта от страна на Фидел Кастро. Репортерите бяха предупредени, че ако опитат да влязат в страната, представяйки се за туристи, това ще е нарушение на закона, предадоха агенциите. Комунистическият режим упражнява строг контрол над новините и информацията и изисква от чуждестранните медии да кандидатстват за журналистически визи и акредитации. Процедурата обикновено отнема три седмици. "Който наруши тези правила, било то съзнателно или неволно, ще получи забрана за влизане в страната", съобщи държавната информационна агенция "Пренса Латина".
         </span>
      </div>
      <a href="#" id="arrup">Нагоре</a> / <a href="#" id="arrdown">Надолу</a>
   </body>
</html>
code by sandh (data.bg)
 
а автоматично да се скролва, ама бавно а с бутончетата да се усилва бързината на скрола ???


или нещо с marquee, знам че точно с него ще стане по-лесно, ама..


нещо такова:

<marquee direction="left" scrollamount="3" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" align="center" >Тук пишем нещо</marquee>

ама как ще стане със стрелки ??
 
Здравейте!

Благодаря за отговорите, но май не съм обяснявал правилно, извинявайте :(

Не искам автоматичен скрол, а просто да излиза плъзгач :)
Все едно е фрейм, но не искам да изпозлвам фреймове, защото ще има сесия и е ненужно усложнение да я предавам с кукита или да развъртам случайни числа... Затова ми се ще някакъв див, който да изиграе тази роля...

Нещо подобно на онова, кеото има във форума тук - под формата за мнения да се зареждат предишните постове, само че не като отделна страница във фрейм или пък на същата страница, но като километрична таблица, а в ДИВ с размери примерно 600 Х 400, в който да се появи вътрешен плъзгач, ако текста от мненията надвишават тези размери.

Възможно ли е да се дефинира такъв див?
 
<div style="width:100px; height:100px; overflow:auto;">
Все едно е фрейм, но не искам да изпозлвам фреймове, защото ще има сесия и е ненужно усложнение да я предавам с кукита или да развъртам случайни числа... Затова ми се ще някакъв див, който да изиграе тази роля...Все едно е фрейм, но не искам да изпозлвам фреймове, защото ще има сесия и е ненужно усложнение да я предавам с кукита или да развъртам случайни числа... Затова ми се ще някакъв див, който да изиграе тази роля...Все едно е фрейм, но не искам да изпозлвам фреймове, защото ще има сесия и е ненужно усложнение да я предавам с кукита или да развъртам случайни числа... Затова ми се ще някакъв див, който да изиграе тази роля...
</div>
 
Благодаря, mute! :)

Цар си на див-овете!

Благодаря на всички, които обърнаха внимание на темата!
 

Back
Горе