jquery .load y jeditable

andruxand · #1 (**permalink**) 23/05/2012, 11:12

hola foreros espero esten bien.

Les cuento mi inquietud... resulta que tengo un pagina principal en php en la cual agrego y cargo los comentarios a traves de jquery con .load haciendo uso de otra pagina php para agregar el comentario y otra para cagarlos.

Resulta que en la pagina encargada de cargar o hacer la consulta de los comentarios he utilizado el plugin jeditable para asi mismo editarlos. este archivo php es llamado mostrar_comentario.php y cabe recordar que se carga en el archivo php principal llamado actas.php a traves de jqery con el metodo .load.

no se porque razon cuando hago las pruebas dede actas.php no me funciona el jeditable pero haciendo las pruebas directamente al archivo mostrar_comentarios me funciona perfecto.. revise que esten incluidas bien las librerias y todo y jumm ni idea.. asi que pues les pido su colaboracion para esto. aqui lesdejo el codigo y muchas gracias.

mostrar_comentario.php

Código PHP:

  <? session_start();?> 
<?php  
require_once("../elvago9.php"); 
 
?> 
 
<?php  
 
$elvago9 = new comentarios("localhost", "master", "Curaduri@Sistem@s", "curaduria", $_SESSION['usuario'][0]['nombre']); 
 
 
$elvago9->sql_connect(); 
$result_set = mysql_query("SELECT * FROM coments where radicado like '$_SESSION[radicado]' ORDER BY id DESC"); 
$number = mysql_num_rows($result_set); 
 
if ($number) { 
 
  while ($row = mysql_fetch_array($result_set))  
  { 
     $id[] = $row['id']; 
     $usuario[] = $row['usuario']; 
     $faltante[] = $row['faltante']; 
     $comentario[] = $row['comentario']; 
    // $fecha[] = $row['fecha']; 
  } 
 
  $max_show = 10; 
          
  if (isset($_GET["page"])) 
     $page = $_GET["page"];    
  else 
     $page = 1; 
   
  $from2 = $page * $max_show; 
  if ($from2 > $number) 
  { 
      $diff = $number % $max_show; 
      $from2 = $number; 
      $from1 = $from2 - $diff; 
  }      
  else 
      $from1 = $from2 - $max_show;?> 
 
<html> 
<head> 
<script type="text/javascript" src="Includes/jquery.js"></script> 
<script type="text/javascript" src="Includes/jeditable/jquery.jeditable.js"></script> 
<script type="text/javascript" src="Includes/jeditable/js.js"></script> 
</head> 
<body> 
             <? 
  for ($i=$from1; $i < $from2; $i++) { 
  ?>  
        <table id="table"> 
            <thead> 
                <tr class="head"> 
                    <th style="width:340px;float:left;background:#9DE1F4; border:1px solid #15A4A4">observaciones de</th> 
                    <th style="width:340px;float:left;background:#9DE1F4; border:1px solid #15A4A4">faltantes de</th> 
                </tr> 
            </thead> 
            <tbody> 
                    <tr> 
                        <td style="width:320px;float:left;padding:10px;"><div style="width:320px;float:left;padding:10px;" class="textarea" id="<? echo "comentario-".$id[$i]; ?>"><? echo utf8_encode($comentario[$i]);  ?></div></td> 
                        <td style="width:320px;float:left;padding:10px;"><div style="width:320px;float:left;padding:10px;" class="textarea" id="<? echo "faltante-".$id[$i]; ?>"><? echo utf8_encode($faltante[$i]); ?></div></td> 
                    </tr> 
                    <?php 
                } 
                 ?> 
            </tbody> 
        </table> 
     
</body> 
</html> 
<? 
  } 
 
  if ($from1 > 0) 
  { 
     $previous = $page - 1; 
     echo "<a href=\"javascript:ActualizarComentarios(".$previous.")\"><< Página anterior</a> "; 
  } 
 
  if ($from2 < $number) 
  { 
     $next = $page + 1; 
     echo " <a href=\"javascript:ActualizarComentarios(".$next.")\">Página siguiente >></a>"; 
   
} else { 
  echo "<div style='color: #9F6000; background-color: #FEEFB3; border: 1px solid;' align='center'>No hay comentarios</div>"; 
} 
$elvago9->sql_close(); 
?>

andruxand · #2 (**permalink**) 23/05/2012, 11:14

asi es como incluyo las librerias en actas.php

Código PHP:

  <script src="JavaScript/jquery.color.js"></script>

<script type="text/javascript" src="Includes/jquery.js"></script>
<script type="text/javascript" src="Includes/jeditable/jquery.jeditable.js"></script>
<script type="text/javascript" src="Includes/jeditable/js.js"></script>

<script src="JavaScript/jquery.min.js" type="text/javascript"></script> 
<script src="JavaScript/functions.js" type="text/javascript"></script>
<link media="screen" rel="stylesheet" href="../colorbox/colorbox/colorbox.css" />
<script src="../colorbox/colorbox/jquery.colorbox.js"></script>
<script>
    $(document).ready(function() {
    $('#generacion').click(function() {
    
    alert('bueno!!');
        var comentario = $('#comentario').attr('value');
        var caracteres =  comentario.length;
        var faltante = $('#faltante').attr('value');
        var licencia = $('#licencia').attr('value');
        var expedida = $('#expedida').attr('value');
        var id_acta = $('#id_acta').attr('value');
        var fecha = $('#fecha').attr('value');
        var archivo = $('#archivo').attr('value');
        var proyecto = $('#proyecto').attr('value');
        var dir_arq = $('#dir_arq').attr('value');
        var id_radicado = $('#id_radicado').attr('value');
        var caracteres_b =  faltante.length;
        
            
            var datastring = 'faltante='+faltante+'&comentario='+comentario+'&licencia='+licencia+'&expedida='+expedida+'&fecha='+fecha+'&proyecto='+proyecto+'&dir_arq='+dir_arq+'&id_radicado='+id_radicado+'&archivo='+archivo;
            
                $.ajax({
                type: 'POST',
                url: 'Includes/nuevo_comentario.php?id_acta='+id_acta,
                data: datastring,
                success: function(){
                  $('#resultado').fadeIn('normal', function() {
                  $('#resultado').css('display', 'block');
                  $('#resultado').html('Tu comentario fue agregado.');
                  $('#comentario').attr('value', '');
                 $('#faltante').attr('value', '');
                  $("#contador_caracteres").html('');
                  });
                  ActualizarComentarios(1);
                },
                error: function(){
                  $('#resultado').fadeIn('normal', function() {
                  $('#resultado').css('display', 'block');
                  $('#resultado').html('Se produjo un error y su comentario no se ha podido agregar. Vuelve a intentarlo en unos minutos.');
                  });
                }
                });
        
    });
    
ActualizarComentarios(1);
});

var page_actual=1;
        
    function ActualizarComentarios(page) {
         $(document).ready(function() {
         page_actual=page;
         $('#comentarios').fadeIn('normal', function() {
         $('#comentarios').css('display', 'block');
        $("#comentarios").load("Includes/jeditable/mostrar_comentarios.php?page="+page);
         });
         });
    }
</script>

que pena por postear dos veces es que no pude poner todo el codigo en un solo post..
de antemano muchas gracias por su atencion y colaboracion