Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/02/2010, 13:43
juCaLaguna
 
Fecha de Ingreso: julio-2009
Mensajes: 2
Antigüedad: 15 años, 3 meses
Puntos: 0
Evento Ajax y Javascript en un mismo Onclick.

Hola a todos, este es mi primer post en este foro, y es que es ahora cuando estoy empezando con esto de hacer webs, con mis correspondientes dudas de novato, y claro, por fuerza he tenido que venir a parar a forosdelweb.

Mi problema actual es que no consigo que funcione un onclick que llama a dos funciones, una en Ajax -loadImg()- y la otra a una función Javascript -moveFork()- que ejecuta un switch con instrucciones en jQuery.
La de Ajax sí que funciona, es la segunda función la que no consigo que funcione.

Os pongo el código:

El html del archivo principal con el onclick:

Código:
<li><a href="#" onclick="loadImg('1'); moveFork('1');">link1</a></li>
<li><a href="#" onclick="loadImg('2'); moveFork('2');">link2</a></li>
<li><a href="#" onclick="loadImg('3'); moveFork('3');">link3</a></li>
La función que tira de Ajax, sí que funciona, pero la pongo por acaso:

Código:
function loadImg(id){
        var div = document.getElementById('capa1');
	ajax=nuevoAjax();
	ajax.open("GET", "includes/unArchivoPHP.php?img="+id);
	ajax.onreadystatechange=function(){
		if(ajax.readyState==4){
			div.innerHTML=ajax.responseText;
		}
	}
	ajax.send(null);
};
Y el código javascript:

Código:
$(document).ready(function (){
  $("#elementoaMover").fadeTo(10, 0, function(){
       $("#elementoaMover").css("visibility", "visible");		
       $("#elementoaMover").css({top:'90px', left:'720px'});
    });
    function moveFork(nR){
	$("#elementoaMover").fadeTo(500, 1.0);			
	switch(nR){
	  case "1":
		$("#elementoaMover").animate({top:'210px',left:'620px'},500);
	  break;
	  case "2":
		$("#elementoaMover").animate({top:'245px',left:'630px'},500);
	  break;
	  case "3":
		$("#elementoaMover").animate({top:'280px',left:'640px'},500);
	  break;
         };
    };
});
La función moveFork es la que no consigo que funcione, supongo que será algún error tipográfico, ya os digo que soy bastante novato en estas lides.

Apuntar que el script con la función inical de Ajax está en el mismo archivo principal index.php y el código javascript está en un archivo externo linkado desde el head de éste, por si esto tuviera algo que ver.

Gracias de antemano por vuestra ayuda, aunque este sea mi primer post, ya hace algún tiempo que me está ayudando este foro en muchas dudas que he tenido.

Un saludo.

Última edición por juCaLaguna; 24/02/2010 a las 13:50