Pierdo un dato con Jquery

[pato12]

Hola,
Trato de hacer una portada automatizada:

Código HTML:

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script>
///////////////////////// - CONFIGURACIONES - ///////////
var div_pr=new Array();
var image=new Array();
div_pr[1]="#pr_td_1";
div_pr[2]="#pr_td_2";
div_pr[3]="#pr_td_3";
var div_move_selected="div.move_selected";
var div_data="#data";
var index=1;
////////////////////////////////////////////////////////
image[1]='images/pueba/1.jpg';

image[2]='images/pueba/2.jpg';

image[3]='images/pueba/3.jpg';
////////////////////////////////////////////////////////
  $(document).ready(function(){
  var coord=$(div_pr[index]).position();
  $(div_move_selected).css({"left":coord.left,"top":coord.top}).show();
	$(div_data).css({"background-image":"url("+image[index]+")"});
	for(i=1;i < div_pr.length;i++){
	$(div_pr[i]).click(function () {
	var coord=$(this).position();
	$(div_move_selected).animate({"left": coord.left, "top": coord.top}, 500,function(){
	$(div_data).css({"background-image":"url("+image[i]+")"});
         alert(i);
	});
	});
	}
	});
</script> 

Pero lo que me alerta es 4 siempre o no me alerta nada. Pero si me mueve bien el div.
Yo soy nuevo en Jquery.
Gracias
Salu2

[killerangel]

"position()" no pertenece al core de JQuery... estás usando añgún plugin de dimensiones?

y si es asi, lo estas cargado al documento?

que es lo que deseas hacer? tal vez haya una forma más fácil de hacerlo o algún plugin disponible.

salu2

[pato12]

Lo que quiero es que me pase la variable i correctamente.
Gracias
Salu2

[killerangel]

pueba a cambiar

for(i=1;i < div_pr.length;i++){... por esto
for(i=1;i <= div_pr.length;i++){

otro....

cuando haces...

$(div_move_selected) estas llamando a $("div.move_selected"), osea un div cuya clase se llama move_selected, pero si sólo tienes un valor para
tu variable div_move_selected mejor colocalo directamente: $("div.move_selected")

lo mismo para $(div_data) mejor ingresalo directo $("#data")

claro, si es q los valores de las variables no van a cambiar...

salu2

[marcopoloaz06]

Hola, asi queda:

Código javascript:

///////////////////////// - CONFIGURACIONES - ///////////
var div_move_selected="div.move_selected";
var div_data="#data";
var index = 0;
////////////////////////////////////////////////////////
var image=new Array();
image[0]='images/pueba/1.jpg';
image[1]='images/pueba/2.jpg';
image[2]='images/pueba/3.jpg';
////////////////////////////////////////////////////////
$(document).ready(function(){
    var div_pr = $("#pr_td_1, #pr_td_2, #pr_td_3");
    var coord = $(div_pr[ index ] ).position();
    $(div_move_selected).css( {"left":coord.left,"top":coord.top} ).show();
    $(div_data).css( {"background-image":"url("+image[index]+")"} );
    $.each( div_pr, function(i, e, a){
        $(div_pr[i]).click(function(){
            var coord = $(this).position();
            $(div_move_selected).animate( {"left": coord.left, "top": coord.top}, 500, function(){
                $(div_data).css("backgroundImage","url("+image[i]+")");
                alert( i );
            });
        });
    });
});
 

nos vemos
:]

[pato12]

Hola killerangel,
Intente cambiar eso, pero no funciono.
No me llega bien la variable i a la funcion.

Hola marcopoloaz06,
Ahora si anda de 10, ¡ muchas gracias !
Gracias
Salu2

[marcopoloaz06]

si de nada, pero tu función no sirve, porque estas moviendo el div a su misma posición.
:s
-----------------------------------------------------------------------------------------------------------------------
a no perdon esque yo los tenia en la misma ^^