Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] pasar de un div a otro.

Estas en el tema de pasar de un div a otro. en el foro de Javascript en Foros del Web. Mi intención es pasar de div en div, mostrando y ocultando con JQuery pero algo falla, estoy un poco desesperado ya. Muchas gracias.! <script type="text/javascript"> ...
  #1 (permalink)  
Antiguo 31/01/2012, 14:41
 
Fecha de Ingreso: septiembre-2011
Mensajes: 18
Antigüedad: 12 años, 7 meses
Puntos: 0
pasar de un div a otro.

Mi intención es pasar de div en div, mostrando y ocultando con JQuery pero algo falla, estoy un poco desesperado ya.
Muchas gracias.!

<script type="text/javascript">
num=1;
$(function(){
$('#siguiente').click(function(){
$("#paso"+num).hide("slow");
$("#paso"+(num+1)).show(1500, function(){});
num+=1;
});

$('#anterior').click(function(){
$("#paso"+num).hide("slow");
$("#paso"+(num-1)).show(1500, function(){});
num-=1;
});

});

</script>

<div id=paso1 style="display:none">
<button class="anterior" id="anterior">Anterior</button>
<button class="siguiente" id="siguiente">Siguiente</button>
</div>

<div id=paso2 style="display:none">
<button class="anterior" id="anterior">Anterior</button>
<button class="siguiente" id="siguiente">Siguiente</button>
</div>


<div id=paso3 style="display:none">
<button class="anterior" id="anterior">Anterior</button>
<button class="siguiente" id="siguiente">Siguiente</button>
</div>


<div id=paso4 style="display:none">
<button class="anterior" id="anterior">Anterior</button>
<button class="siguiente" id="siguiente">Siguiente</button>
</div>

Última edición por maiky_forrester; 01/02/2012 a las 06:00
  #2 (permalink)  
Antiguo 01/02/2012, 06:01
 
Fecha de Ingreso: septiembre-2011
Mensajes: 18
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: pasar de un div a otro.

Nadie? la historia es que del 1º al 2º me pasa con la animación correctamente pero al pasar del div2 al div3 me vuelve al 1º. GRAcias!
  #3 (permalink)  
Antiguo 01/02/2012, 08:17
 
Fecha de Ingreso: enero-2012
Mensajes: 14
Antigüedad: 12 años, 3 meses
Puntos: 6
Respuesta: pasar de un div a otro.

Estas repitiendo IDs, el id se supone que es para identificar elementos unicos, aqui tus 4 pares de botones tienen los mismos IDs, en lugar de eso debes utilizar clases, que tambien estas utilizando. Solo selecciona tus elementos por clase: ".siguiente" y ".anterior" y remueve los ids.
Y tambien es recomendable usar "var" al declarar tus variables.
  #4 (permalink)  
Antiguo 02/02/2012, 07:50
 
Fecha de Ingreso: septiembre-2011
Mensajes: 18
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: pasar de un div a otro.

Pues va a ser eso.
Fallo tonto.
Muchas Gracias !!!!!!!
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 21:21.