Al hacer click, un div se mueve

[angeldelolmo]

Necesito hacer con javascript que si hago click en un href, un div entra desplazándose desde una posición 0 a una posición 1.

Habrá varios hrefs, que cada uno moverá un div distinto, en algunos casos todos los demás divs desaparecerán cuando se mueva uno en concreto, pero en otra ocasión, necesito que entre el div manteniéndose los demás.

¿Alguien me echa una mano?


GRACIAS.

[America|UNK]

Cycle, si le quieres dar efecto de movimiento usa la librería Jquery (Cycle).

Si lo que intentas es solo mostrar el div seleccionado sin efectos y los demás estén ocultos, solo hace falta colocar todos los divs en posición absoluta y sumando cada vez el estilo z-index.

[angeldelolmo]

Gracias America|UNK, Podrías darme mas detalles sobre cómo hacer lo segundo ?

[America|UNK]

Pues si lo que quieres es ocultar divs sin hacerlo con los que tu indiques, algo así.

Código css:

<style type="text/css">
#all_divs {position:relative}
#all_divs div{background:#999;display:none}
.activo{display:block !important;}
</style>
 

Código javascript:

<script type="text/javascript">
var trace = function(){
    var all = document.getElementById("all_divs").getElementsByTagName("div"),
    args = trace.arguments, en = function(e){
        for(var x=0;x<args.length;x++){ if(e == args[x]) return true }
        return !1
    }
    for(var i=0; i < all.length; i++) {
        if(en(all[i].id)) all[i].className="activo"
        else all[i].className=""
    }
    return !1
}
</script>
 

Código html:

<a href="#" onclick="trace('div1')">Div 1</a> 
<a href="#" onclick="trace('div2')">Div 2</a> 
<a href="#" onclick="trace('div3','div1')">Div 3</a>
 
<div id="all_divs">
<div id="div1"> div 1 content</div>
<div id="div2" class="activo"> div 2 content</div>
<div id="div3"> div 3 content</div>
</div>
 

La función trace oculta todos los divs, y no lo hará con los divs que coloques en los argumentos, no se si a eso vas pero es una forma parecida.

[angeldelolmo]

Pero necesito que los divs no aparezcan sin más, sino que vengan con movimiento, arrastrándose desde una posición fuera de la pantalla, a otra, dentro.

[America|UNK]

Por eso te pregunto si quieres con efecto de movimiento papay, para eso mejor usa la librería Jquery y explota su clase animate

[minkweb]

Si gustas hacerlo tu mismo te dejo este manual de como animar con javascript y css

http://www.codigoendesarrollo.com/an...pt/2009/07/09/

Saludos!