funcion javascript no funciona dentro de un div gracias a su ayuda casi termino con mi trabajo, pero ahora tengo un pequeño problema.
Tengo una pagina que que tiene un formulario y un div en la parte inferior. En el formulario tengo una caja de texto y un boton para buscar. La idea es que el usuario ingrese un codigo y lo envie a otra pagina donde se hace la consulta y muestra el resultado de la misma. Gracias a ajax paso el valor que ingreso en la caja de texto y luego muestro la otra pagina en el div inferior, tambien con ajax. Asi se ve todo en una pagina.
La pagina que muestro en el div tiene una grilla la cual al final de cada fila tiene un chheckbox que al tildarlo habilita la caja de texto, esto lo hago con javascript. Y aqui el gran problema. Si yo le envio el codigo que ingrese en el textbox a la pagina donde hago la consulta y muestro esa pagina aparte y no en el div inferior de la primera,la funcion en javascript que habilita los textbox al tildar los texbox. funciona bien. Pero si lo que quiero hacer es mostrar la pagina de la consulta en el div inferior la fincion que habilita los textbox no anda y me aparesen siempre desabilitadas.
aqui el codigo
Código PHP:
<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>
Código PHP:
<?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> 
