Foros del Web » Programando para Internet » Javascript »

div boton derecha y boton izquierda

Estas en el tema de div boton derecha y boton izquierda en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/04/2010, 11:32
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
div boton derecha y boton izquierda

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> 
  #2 (permalink)  
Antiguo 29/04/2010, 11:42
Avatar de kalvinman  
Fecha de Ingreso: octubre-2006
Ubicación: Bogota Colombia
Mensajes: 849
Antigüedad: 15 años, 8 meses
Puntos: 22
Respuesta: div boton derecha y boton izquierda

haz intentado usar esto:
Código PHP:
Ver original
  1. function scrollDivLeft(id){
  2. document.getElementById(id).scrollLeft-=step
  3. timerLeft=setTimeout("scrollDivLeft('"+id+"')",10)
  4. }
  #3 (permalink)  
Antiguo 29/04/2010, 11:55
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: div boton derecha y boton izquierda

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) }
  #4 (permalink)  
Antiguo 29/04/2010, 14:37
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: div boton derecha y boton izquierda

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
  #5 (permalink)  
Antiguo 29/04/2010, 16:22
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 13 años, 2 meses
Puntos: 1485
Respuesta: div boton derecha y boton izquierda

scrollRight no existe, o hasta donde tengo conocimiento. lo unico que tienes que hacer es cambiar los scrollTop por scrollLeft.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #6 (permalink)  
Antiguo 30/04/2010, 01:15
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: div boton derecha y boton izquierda

buf, peues no se como hacer esto :S.

Loq eu necesito es que peuda ir a la derecha o a la izquierda
  #7 (permalink)  
Antiguo 30/04/2010, 01:21
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 13 años, 2 meses
Puntos: 1485
Respuesta: div boton derecha y boton izquierda

¡pero si ya te lo indique! en el codigo, donde quiera que veas scrollTop, lo cambias por scrollLeft.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #8 (permalink)  
Antiguo 30/04/2010, 09:10
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: div boton derecha y boton izquierda

ya pero, eso es, scroll hacia la izquierda, no hacia la derecha. Necesito los dos
  #9 (permalink)  
Antiguo 30/04/2010, 09:20
Avatar de kalvinman  
Fecha de Ingreso: octubre-2006
Ubicación: Bogota Colombia
Mensajes: 849
Antigüedad: 15 años, 8 meses
Puntos: 22
Respuesta: div boton derecha y boton izquierda

Intenta esto para el Right:
Código Javascript:
Ver original
  1. function scrollDivLeft(id){
  2. document.getElementById(id).scrollLeft+=step
  3. timerLeft=setTimeout("scrollDivLeft('"+id+"')",-10)
  4. }

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

y/o
setTimeout("scrollDivLeft('"+id+"')",-10)
  #10 (permalink)  
Antiguo 30/04/2010, 09:21
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 13 años, 2 meses
Puntos: 1485
Respuesta: div boton derecha y boton izquierda

¿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.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #11 (permalink)  
Antiguo 30/04/2010, 09:28
 
Fecha de Ingreso: marzo-2009
Mensajes: 480
Antigüedad: 13 años, 3 meses
Puntos: 1
Respuesta: div boton derecha y boton izquierda

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

Etiquetas: derecha, izquierda, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:22.