php con javascript no se ejecuta dentro de div cargado con ajax

tesistas · #1 (**permalink**) 21/03/2012, 16:15

Hola a todos, tengo una pagina php la cual tiene una funcion que sirve para habilitar o desabilitar cajas de texto luego de hacer click en los checkbox correspondientes. Esta pagina quiero cargarla en un div de otra pagina, esto lo hago con ajax. El problema es que cuando llamo a la pagina php para mostrarla en el div, la funcion deja de andar.

Primera pagina la cual tiene el div

Código HTML:

<script lang="javascript">
function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}




//_________________________________________________________________________
function buscar(){ //esta es la funcion que envia los datos de manea asincrona
	//div donde  mostrararemos  los datos de la consulta 
	divResultado = document.getElementById('resultado');

	//tomamos el valor enviado del formulario de envio
	clave=document.formulario.clave.value;

	//instanciamos el objetoAjax
	ajax=objetoAjax();
	//usamos el medoto POST
	//archivo que realizará la operacion
	ajax.open("POST", "buscar_cod_vender.php",true);
	//mostramos una imagen mientras cargamos el resultado de la consulta
	//divResultado.innerHTML= '<img src="images/ajax.gif">';
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			//visualizamos el resultado correscpondiente
			divResultado.innerHTML = ajax.responseText
		}
	}
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	//enviando los valoress
	ajax.send("clave="+clave)
}
</script>
<html>
    
    <form action="" name="formulario" >
<input type="text" id="clave"  > <button type="button" onClick="buscar()">buscar</button>
    </form>

<div id="resultado">

  </div>
</html>

Segunda pagina, esta se cargara dentro del div de la primera y es la que tiene la funcion

Código HTML:

<?php
include_once 'lib.php';
$cod =$_POST['clave'];


$conexion= mysql_connect($dbhost, $dbuser, $dbpassword);
mysql_select_db($database, $conexion);
$result = mysql_query("SELECT id_stock, codigo, descrip, pre_min, pre_may, disponibles  FROM stock where activo = '1'and codigo = $cod", $conexion);
?>
<form name="vender" method="post" action="vender_prod.php">
    <table border="2">
        <tr>
            <th>ID</th>
            <th>Codigo</th>
            <th>Descrip</th>
            <th>Prec.Min</th>
            <th>Prec.May</th>
            <th>Disponibles</th>
            <th></th>
<!--            <th style='border: none'></th>-->
            <th>Cantidad</th>
 
        </tr>
        <?php
        $i = 0;
        while ($row = mysql_fetch_array($result)) {
            ?>
            <tr>
                <td><?php echo $row['id_stock'] ?></td>
                <td><?php echo $row['codigo'] ?></td>
                <td style="width: 500px"><?php echo $row['descrip'] ?></td>
                <td align="right"><?php echo "$"; echo $row['pre_min'] ?></td>
                <td align="right"><?php echo "$"; echo $row['pre_may'] ?></td>
                <td align="center"><?php echo $row['disponibles'] ?></td>
                <td><input id="chk_<?php echo $i ?>" name="seleccion[]" type="checkbox" value="<?php echo$row['id_stock'] ?>" class="chk"/></td>
<!--                <td style="border: none"></td>-->
                <td><input id=txt_<?php echo $i ?>" name="cantidad[]" disabled="disabled" type="text" style="width: 60" class="txt"/></td>  
            </tr>
 
            <?php
            $i++;
        }
        ?>
    </table>
    <br />
    <input type="submit" name="submit" value="Enviar">
</form>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
    
    $(document).ready(function(){ 
       
        $(".chk").change(function(){
            var comentario = $( '.txt', $( this ).parents ( 'tr' ) );
            if( $(this).is(':checked')){            
                comentario.removeAttr('disabled');
            } else {
                comentario.attr('disabled', true);
            }
        });
    });
    
</script>

Ayudaaaaaaaaaaa!!!

SirDuque · #2 (**permalink**) 21/03/2012, 16:23

El tema pertenece a AJAX JS-Frameworks

Por que declaras un evento en Jquery por un archivo llamado por AJAX (?).

tesistas · #3 (**permalink**) 21/03/2012, 17:26

Cita:

Iniciado por SirDuque

El tema pertenece a AJAX JS-Frameworks

Por que declaras un evento en Jquery por un archivo llamado por AJAX (?).

asi me carga bien la pagina en el div. el problema no es ese, sino que la funcion que habilita y desabilita los textbox anda si cargo la pagina solo y cuando la cargo en el div no.

marcelamorales · #4 (**permalink**) 29/03/2012, 13:55

Pues yo tenía un problema similar lo que hice fue crear el texto en una clase diferente y llamar el texto desde donde se supone debería estar el javascript.

Es decir el texto del javascript es:
$script = "
<script src='js/jquery-1.2.6.min.js' type='text/javascript'></script>
<script type='text/javascript' src='js/swfobject.js'></script>
<script type='text/javascript'>

swfobject.embedSWF(
'open-flash-chart.swf', 'my_chart',
'380', '200', '9.0.0', 'expressInstall.swf',
{'data-file':'gallery/3d-bar-chart.php'} );

</script>";

e hice algo similar con el html entonces retornaba eso y ya, me sale tal cual lo que necesitaba en primera instancia pero que por una extraña razón después de usar AJAX no dejaba mostrar.
Espero les sirva!