barras de desplazamiento alternativas

daniele · #1 (**permalink**) 15/03/2002, 14:46

alguien sabe donde puedo conseguir barras de desplazamineto alternativas a las del navegador?hay alguna posibilidad de hacer algo que funcione igual que una barra de deplazamiento?gracias a todos

[email protected]
http://www.galeon.com/daniele

byte · #2 (**permalink**) 15/03/2002, 21:54

lo que puedes hacer es utilizar estilos, pero eso es solo a fin de cambiar el color de las barras, de otra forma no s puede.
salu2

Rolo · #3 (**permalink**) 17/03/2002, 00:48

Con CSS se puede!, "no quita la barra", solo agrega imágenes (flechas arriba/abajo) utilizables en vez de la barra.

Código:

 &lt;HEAD&gt;  
&lt;style type=&quot;text/css&quot;&gt;
#item {position:absolute; visibility:hidden; left:0px}
&lt;/style&gt;
&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;
&lt;!-- Begin
var isNS=(document.layers);
var _all=(isNS)? '' : 'all.' ;
var _style=(isNS)? '' : '.style' ;
var _visible=(isNS)? 'show' : 'visible';
var w_x, w_y, item, okscroll=false, godown;
function init(){
item=eval('document.'+_all+'item'+_style);
getwindowsize();
item.visibility=_visible;
scrollpage();
}
function getwindowsize() {
w_x=(isNS)? window.innerWidth-5 : document.body.clientWidth;
w_y=(isNS)? window.innerHeight : document.body.clientHeight;
(isNS)? item.clip.width=42: item.width=42;
(isNS)? item.clip.height=20 : item.height=20;
moveitem();
}
function resizeNS() {
setTimeout('document.location.reload()',400);
}
function moveitem() {
if (isNS) {
item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50))
}else{
item.pixelLeft=document.body.scrollLeft+w_x-70;
item.pixelTop=w_y+document.body.scrollTop-50;
   }
}
window.onload=init;
(isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;
function scrollpage() {
status = '';
if (okscroll) {
if (godown) {
(isNS)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
} else {
(isNS)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
   }
}
moveitem();
setTimeout('scrollpage()', 40);
}
//  End --&gt;
&lt;/script&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;  
&lt;div id=&quot;item&quot;&gt;
&lt;a href=&quot;javascript:void(0)&quot; onMouseover=&quot;okscroll=true; godown=true&quot; 
onMouseout=&quot;okscroll=false&quot;&gt;&lt;img src=&quot;down.gif&quot; border=&quot;0&quot;&gt;&lt;/a&gt;&lt;a href=&quot;javascript:void(0)&quot; 
onMouseover=&quot;okscroll=true; godown=false&quot; onMouseout=&quot;okscroll=false&quot;&gt;&lt;img src=&quot;up.gif&quot; 
border=&quot;0&quot;&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/BODY&gt;

donde Up.gif y Down.gif, son las imágenes que utilizarás arriba y abajo respectivamente.

Saludos

Rolo · #4 (**permalink**) 17/03/2002, 00:51

los creditos respectivos (van en el codigo pero los había sacado por el espacio)







El codigo funciona, porque ya lo probe!, ahora, si le agregas el codigo para eliminar la barra de desplazamiento, a lo mejor te funciona y queden solo las imagenes,... (aunque eso no lo he probado!)

Saludos

zpez · #5 (**permalink**) 19/03/2002, 00:12

Hola,
el código está bien pero os advierto que no funciona en Netscape 6.

un saludo