div boton derecha y boton izquierda

[davicito]

Hola tengo un codigo javascript. que pulsando en un boton va hacia abajo y si pulso otro va hacia arriba. Lo que necesito es que vaya a la derecha o a la izquierda.

Código HTML:

<style type="text/css">
#gc{

	background-color:#333333;
	width:400px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	padding:2px 2px 2px 2px;
	}
#fc{
	/*no se me ocurre mas que seguir alargando esto*/
	width:800px; 
	height:100px;
	}		
	
.foto{
	background-color:#000000;
	height:100px;
	width:90px;
	margin-right:3px;
	border:1px solid #FFFFFF;
	float:left;

	}
</style>


<script type="text/javascript"> 
<!-- 

defaultStep=1 
step=defaultStep 
function scrollDivDown(id){ 
document.getElementById(id).scrollTop+=step 
timerDown=setTimeout("scrollDivDown('"+id+"')",10) 
} 

function scrollDivUp(id){ 
document.getElementById(id).scrollTop-=step 
timerUp=setTimeout("scrollDivUp('"+id+"')",10) 
} 


// --> 
</script>  

<div id="gc">

    <div id="fc">
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    <div class="foto"></div>
    </div>

</div>




<a href="#null" onmousedown="scrollDivDown('gc')" onmouseup="clearTimeout(timerDown)">ScrollDown</a>  
<a href="#null" onmousedown="scrollDivUp('gc')" onmouseup="clearTimeout(timerUp)">Scroll Up</a> 

[kalvinman]

haz intentado usar esto:

Código PHP:

function scrollDivLeft(id){ 
document.getElementById(id).scrollLeft-=step 
timerLeft=setTimeout("scrollDivLeft('"+id+"')",10) 
}
 

[davicito]

si, pero el de derecha no funciona. ¿Que es lo que me falla?

function scrollDivRight(id){
document.getElementById(id).scrollRight-=step
timerRight=setTimeout("scrollDivRight('"+id+"')",1 0) }

[davicito]

la verdad es que no me sale ningunerror, pero no se mueve hacia la derecha :S

Código PHP:

  function scrollDivRight(id){  
document.getElementById(id).scrollRight-=step  
timerRight=setTimeout("scrollDivRight('"+id+"')",10) }  
   

una ayudita please

[zerokilled]

scrollRight no existe, o hasta donde tengo conocimiento. lo unico que tienes que hacer es cambiar los scrollTop por scrollLeft.

[davicito]

buf, peues no se como hacer esto :S.

Loq eu necesito es que peuda ir a la derecha o a la izquierda

[zerokilled]

¡pero si ya te lo indique! en el codigo, donde quiera que veas scrollTop, lo cambias por scrollLeft.

[davicito]

ya pero, eso es, scroll hacia la izquierda, no hacia la derecha. Necesito los dos

[kalvinman]

Intenta esto para el Right:

Código Javascript:

function scrollDivLeft(id){ 
document.getElementById(id).scrollLeft+=step 
timerLeft=setTimeout("scrollDivLeft('"+id+"')",-10) 
}
 

Es solo un supuesto, cambiar document.getElementById(id).scrollLeft+=step

y/o
setTimeout("scrollDivLeft('"+id+"')",-10)

[zerokilled]

¿al menos has dedicado tiempo a leer el algoritmo?

Código:

...
document.getElementById(id).scrollTop-=step
...
document.getElementById(id).scrollTop+=step 
...

ademas, como ya te indique, no existe tal cosa como scrollRight. y un poquito de analisis para despertarte la conciencia. ¿como es que el ejemplo mostrado desliza la barra hacia arriba y abajo y ni siquiera utiliza scrollBottom? o mejor aun, ¿como hace el deslizamiento tan solamente con scrollTop? scrollBottom tampoco existe, por si creías que habia un equivalente a scrollTop. para entenderlo, tienes que entender las operaciones usada en las dos lineas que te señale.

[davicito]

porfin lo entendi, viendo un poco tus ejemplos, y fijandome un poco mas en lo qeu tengo.

Ademas gracias a tu paciencia....

derecha: document.getElementById(id).scrollLeft+=step

izquierda: document.getElementById(id).scrollLeft+=step