Resulta que tengo un div en este caso "cargando" y quiero que se cargue recien cuando llega la respuesta desde carga_filtrada.php y luego usar esos datos para por ejemplo sacar un mensaje cualquiera, supuestamente el tercer argumento de load() puede ser una funcion que se ejecuta luego que load() ha cargado, pero el asunto es que la funcion que he llamado "aviso()" se ejecuta antes de que los datos esten en el div "cargando" cuando primero debe esperar que se cargue y luego ejecutarse...espero que me puedan echar una mano
Código
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento sin título</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // Enable hover effect on the style switcher buttons. $('#switcher .button').hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); }); }); </script> <script type="text/javascript"> $(document).ready(function() { $("#cargando").click(function(event) { $("#cargando").load("carga_filtrada.php",aviso()); }); }); function aviso(){ var valores = $("#cargando").tml(); var msgleft = valores.substring(0, 1).trim() var msgright =valores.substring(1, 2).trim() alert(msgleft) if (msgleft =='0') { $("#switcher-default").removeClass('button'); $("#switcher-default").addClass('desabilitado'); alert("inicio deshabilitado valor:" + msgleft); }else{ $("#switcher-default").removeClass('desabilitado'); alert("inicio habilitado valor: !!" + msgright); } } </script> <style type="text/css"> #cargando { float: left; background-color: #ddc; border: 1px solid #000; margin: 10px; padding: 10px; font-size: .9em; } #switcher { float: right; background-color: #ddc; border: 1px solid #000; margin: 10px; padding: 10px; font-size: .9em; } #switcher .button { width: 100px; float: left; text-align: center; margin: 10px; padding: 10px; background-color: #fff; border-top: 3px solid #888; border-left: 3px solid #888; border-bottom: 3px solid #444; border-right: 3px solid #444; } #switcher .hover { cursor: pointer; background-color: #afa; } .desabilitado { cursor: pointer; color:#dcdcdc; } </style> </head> <body> <div id="switcher"> <h3>Style Switcher</h3> <div class="button selected" id="switcher-default"> <b>Primero</b> </div> <div class="button" id="switcher-narrow"> <b>Anterior</b> </div> <div class="button" id="switcher-large"> <b>Comentarios</b> </div> <div class="button" id="switcher-large"> <b>Siguiente</b> </div> <div class="button" id="switcher-large"> <b>Final</b> </div> </div> <div id="cargando"> Cargando </div> </body> </html>