div scorrevole alternativa alla scrollbar

[uffissimo]

salve non so se sono nella sez giusta, ma penso che se c'è uno script capace di fare qll che voglio sia in javascript

allora, lavoro con joomla, sto creando un nuovo template ed avrei la necessità di creare un div con un'altezza precisa, insereno una scroll, ma non vorrei usare quella del browser, cerco di farvi capire, vorrei una cosa del genere:



si può??? come faccio?

[uffissimo]

ok ho risolto da solo, posot la soluzione, nel caso interessi a qualcun'altro

creo un DIV dell'altezza che mi serve, e lo posiziono nella pagina dove voglio, al suo interno scrivo:

<div id="QUELLOCHEMIPARE">



<!-- nel mio caso ho usato l'evento "onmouseover" ma potete usarlo con il clik basta inserire il
richiamo allo script sotto href -->
<!-- le immagini le richiamo con un codice php perchè utilizzo joomla, e voglio fare tutto con
l'index.php del mio template, creando un template installabile, quindi non utilizzo le immagini in
 stories -->

<div style="width:150px">
<center>
<a onmouseover="javascript:movedown()" onmouseout="javascript:stopscroll()">
[img]<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/bottom.png[/img]
</a>

<a onmouseover="javascript:moveup()" onmouseout="javascript:stopscroll()">
[img]<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/images/top.png[/img]
</a>
</div>



<SCRIPT language="JavaScript1.2">
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers

if (iens6){
document.write('<div id="container" style="position:relative;width:600px;height:450px;overflow:hidden;">')
document.write('<div id="content" style="position:absolute;width:600px;left:0px;top:0px">')
}
</script>

<ilayer name="nscontainer" width=155 height=160 clip="0,0,155,160">
<layer name="nscontent" width=155 height=160 visibility=hidden>




<jdoc:include type="component" />
  
  <?php if($this->countModules('live')) : ?>
  <div id="live">
   <jdoc:include type="modules" name="live" style="" />
  </div>
  <?php endif; ?>



</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}

function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>


</div>

spero che rimanga utile anche a qualc'un altro io mi ci sono impazzito...