Cargar .js luego de ejecutar Ajax

2,716 views
Skip to first unread message

Gercho

unread,
Jun 6, 2013, 11:59:53 AM6/6/13
to php...@googlegroups.com
Buenas Gente, como andan?

Tengo una consulta que me estoy volviendo loko desde ayer.

Estoy ejecutando un archivo test.php  desde Ajax el archivo test.php tiene un jquery (slider). Lo que me esta pasando es que se llama bien al archivo test.php pero cuando no me recarga un <script> que tiene en su interior el código test.php. Por este motivo no me carga el efecto del Slider.

Les dejo parte de mi código:

Llamada de Ajax:

<script type="text/javascript">

function action(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","slider_tn3.php?q="+str,true);
xmlhttp.send();
}
</script>



TEST.PHP (No se me ejecuta lo que esta dentro del <script>)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>


<script>
 
     $(document).ready(function() {
        //Thumbnailer.config.shaderOpacity = 1;
    var tn1 = $('.mygallery').tn({
            skinDir:"skins",
            imageClick:"fullscreen",
            image:{
            maxZoom:1.5,
            crop:true,
            clickEvent:"dblclick",
            transitions:[{
            type:"blinds"
            },{
            type:"grid"
            },{
            type:"grid",
            duration:460,
            easing:"easeInQuad",
            gridX:1,
            gridY:8,
            // flat, diagonal, circle, random
            sort:"random",
            sortReverse:false,
            diagonalStart:"bl",
            // fade, scale
            method:"scale",
            partDuration:360,
            partEasing:"easeOutSine",
            partDirection:"left"
            }]
        }
 });
});
}

</script>


Gracias por la ayuda que me puedan dar.

Saludos.

Jonathan Muszkat

unread,
Jun 6, 2013, 12:08:41 PM6/6/13
to php...@googlegroups.com

2013/6/6 Gercho <german...@gmail.com>

me ejecuta lo que esta dentro


Y no... Menos mal que no se ejecuta.
Fijate que la función que tenes dentro de <script> (que recomiendo completar los parametros de <script>) dice $(document).ready
Fijate la documentación: http://api.jquery.com/ready/ que dice cuando el DOM está listo.
Tu dom está listo y por eso no genera el efecto que queres.
Tambien es loco que por un lado usas jQuery y por el otro Ajax a secas.
Usa el objeto http://api.jquery.com/jQuery.ajax/ y vas a poder ejecutar una funcion cuando se cargue el Ajax.
Sino luego de hacer el innerHTML hace
de forma que queda:

<script type="text/javascript">

function action(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","slider_tn3.php?q="+str,true);
xmlhttp.send();
}
</script>

Pero carga los Js necesarios en el padre no en el ajax.

--
Jonathan Ariel Muszkat
Gtalk: mus...@gmail.com
Celular: (011)15-4-399-6363
Linkedin: http://www.linkedin.com/in/musky
Twitter: @jonymusky
Blog: http://www.jonymusky.com.ar
Skype: jony.musky

The only way to do great work is to love what you do. If you haven’t found it yet, keep looking. -- Steve Jobs

mauricio olivera

unread,
Jun 6, 2013, 12:10:30 PM6/6/13
to php...@googlegroups.com
Deberias usar jquery es mas facil


fijate como trabaja la funcion

$.ajax();

ahi deberias invocar a tu.php




--
Has recibido este mensaje porque estás suscrito al grupo "Grupo PHP Argentina" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a php-arg+u...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a php...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/php-arg?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

Gercho

unread,
Jun 6, 2013, 12:51:12 PM6/6/13
to php...@googlegroups.com
La verdad es que no entiendo mucho todavia de ajax y jquery uso lo que veo y hasta ahi nomas.

Si alguien me puede pasar un tutorial o algo para poder entender un poco mejor se lo agradeceria.

Saludos.

Gabriel Divenuto

unread,
Jun 6, 2013, 1:06:57 PM6/6/13
to php...@googlegroups.com


--
Has recibido este mensaje porque estás suscrito al grupo "Grupo PHP Argentina" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a php-arg+u...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a php...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/php-arg?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 



--
Gabriel E. Divenuto
Web: www.sistemasgd.com

mauricio olivera

unread,
Jun 6, 2013, 1:12:33 PM6/6/13
to php...@googlegroups.com
Jquery es facil, es tan facil como hablar en zulu. 
Naa, ahora en serio, mira esto y fijate si lo entendes:



Gercho

unread,
Jun 6, 2013, 2:03:37 PM6/6/13
to php...@googlegroups.com
Gracias por la informacion. Voy a leerla a ver si entiendo un poco mas antes de hacer preguntas al dope.
Reply all
Reply to author
Forward
0 new messages