ERROR para Aplicar Funcion JS a div con AJAX (jQuery)

izrrah · #1 (**permalink**) 19/02/2010, 07:43

Hola, busque en el foro pero no encontre nada que solucionara mi problema, nisiquiera un indicio, mi problema es el siguiente:

Escenario:

Tengo un HTML que contiene:

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mantenedor de Registros</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/ajax.js"></script>
<script language="javascript" type="text/javascript" src="js/funciones.js"></script>
<script>
$(document).ready(function(){
showRegistros();
});
</script>
</head>
<body>
<div id="registros"></div>
</body>
</html>

jquery.js: Es el framework que utilizo.
ajax.js: Son las funcion que hacen las llamadas a la Base de Datos y me imprime en los DIVS los registros y todo.

Codigo:

Código Javascript:

Ver originalfunction showRegistros(){
        $.ajax({
            url: 'procesador.php',
            type: 'POST',
            data: '',
            success: function(datos) {
            $("#registros").html(datos);
            }
        });
 
}

funciones.js: Son funciones JAVASCRIPT como por ejemplo deseleccionar todos los checkbox de un formulario.

Código Javascript:

Ver originalfunction seleccionar_todo(){
   for (i=0;i<document.checks.elements.length;i++)
      if(document.checks.elements[i].type == "checkbox")
         document.checks.elements[i].checked=1
}

y en el PHP (procesador.php) que es llamado por jQuery y desde Ajax.js tengo:

Código PHP:

 
        include('conexion.php');

         $query = "select * from registros";    

    $result = mysql_query($query);

    $numrows = mysql_num_rows($result);

        echo '<form name="checks" id="checks">';

    while ($row=mysql_fetch_array($result)) { 

    ?> 

    <input type="checkbox" name="correos[]" value="<?=$row['mail']?>" checked=true>   <?=ucwords($nombre_completo)?><br>

    <?

    }

        echo '</form>';

Lo que pasa es que cuando quiero aplicar la funcion para que me active todos los input checkeds del formulario que llame por AJAX e imprimi en el HTML, NO ME LO HACE. y esto es para todo tipo de funciones y plugins de jQuery, por ejemplo el niceForms, cuando trato de aplicarlo a un formulario enviado por ajax desde un php no lo toma.....

He intentado de todo, poner la funcion despues de que muetro el resultado en ajax.js por ejemplo

Código Javascript:

Ver originalfunction showRegistros(){
        $.ajax({
            url: 'procesador.php',
            type: 'POST',
            data: '',
            success: function(datos) {
            $("#registros").html(datos);
                        FUNCIONJAVASCRIPT();
            }
        });
 
}

Pero nada.... tambien ponerlo en el HTML inicial, y tambien en el procesador PHP
pero no me resulta y llevo tiempo con esta interrogante pero no he sabido solucionarla, tambien busque en google y nada. Alguien que tenga un indicio o sepa como hacerla funcionar estaria muy pero muy agradecido ya que podria terminar una cantidad de proyectos que he hido dejando atras por esto mismo...

MUCHAS GRACIAS!!!

mayid · #2 (**permalink**) 19/02/2010, 08:23

Es decir, tenes planteada una funcion, llamada seleccionar_todo(), pero cuando la disparás solo funciona para los checkbox nativos, no para los que vienen de ajax.

Estuviste probando cuando disparar esa función, desde "success", PHP, etc . Pero en tu proyecto cual es la idea? Disparar la función por medio de un click?

izrrah · #3 (**permalink**) 19/02/2010, 10:59

Hola mayid gracias por responder, La idea es gatillar una funcion JAVASCRIPT cualquiera que sea DESPUES de UNA LLAMADA A UNA PAGINA DINAMICA (PHP) la cual se debe mostrar en un div del HTML principal...

todo esto echo con jQuery, ese es el problema

mayid · #4 (**permalink**) 19/02/2010, 11:54

No es problema. Creo que ya casi lo tenes:

Cita:

success: function(datos) {
$("#registros").html(datos);
FUNCIONJAVASCRIPT();
}

Yo sumaría solamente async: true