Problemas al cargar formulario ajax y javascript

and_l_f · #1 (**permalink**) 14/03/2014, 12:57

Hola a todos quisiera saber por que mi formulario que cargo con ajax en un div en php carga y desaparece gracias por la ayuda aqui dejo la funcion de javascript gracias por la ayuda

Código Javascript:

Ver originalfunction Inicio () {
    // body...
$("#prospectos").click(function(){
        $.ajax({
            type: "post",
            url: "prospectos.php",
            dataType: "html",
            success: function(result) {
                $("#cajaInf").html(result);
            }
        });
 });
}

PHPeros · #2 (**permalink**) 14/03/2014, 13:17

Debiste haber solicitado que movieran el tema a jQuery en vez de duplicarlo

Dalam · #3 (**permalink**) 14/03/2014, 13:21

Pon el codigo entero de tu web por que esa funcion deberia hacerlo, pero puede que tengas algun fragmento de codigo por tu pagina que sea el causante de la desaparicion del contenido

and_l_f · #4 (**permalink**) 14/03/2014, 13:27

Código PHP:

Ver original<?php
    require('php_lib/login.class.php');
if(!isset($_SESSION)) 
    { 
        session_start(); 
    } 
    $licencia1=$_SESSION['LICENCIA'];
    require_once('php/prospecto_modelo.php');
    $prospecto1 = new Prospecto();
    $listado = $prospecto1->listaProspecto($licencia1);
    $comentarios= new Prospecto();
    $lista = $comentarios->comentarios();
 
?>
<html>
    <head>
        <title>Listado de Prospectos</title>
    <script language="javascript" type="text/javascript" src="jquery.js"> </script>
    <script type="text/javascript" language="javascript" src="funcionesJquery.js"></script>
        <link rel="stylesheet" type="text/css" href="estiloP.css" />
        
    </head>
    <body>
        
            <?php foreach($listado as $fila){ ?>
            <div class="contenedor">
            <div class="datos1">
            <div class="circular" style="float:left">
            <label ><center>1</center></label>
            </div>
            <div  style="float:left; width: 6%; height: 12%"; >
                <IMG SRC="<?php  echo $fila['campo24']; ?>" width=100% height=100% />
            </div>
 
            <div class="info">
                <ul class="nombre" align="center">
                
                    <li><b><?php echo $fila['nombres'] ?></b> </li>
                
                    <li><?php echo $fila['campo3'] ?> </li>
                
                </ul>
                
                <ul>
                
                    <li> <IMG SRC="images/tel.png"/> <?php echo $fila['campo5'] ?> </li>
                
                    <li><IMG SRC="images/cel.png"> <?php echo $fila['campo6'] ?> </li>
                
                    <li> <IMG SRC="images/dir.png"> <?php echo $fila['campo4'] ?> </li>
            
                    <li> <IMG SRC="images/mail.png"> <?php echo $fila['campo7'] ?> </li>
 
                </ul>   
            </div>  
            <div class="diasR">
                <ul>
                    <li><center><IMG SRC="images/torta.jpg"  /></center></li>
                    <li><center>Quedan 5 dias</center></li>
                </ul>
            </div>
 
            <div class="referido">
                <IMG SRC="images/referido.png" class="Adias" title="<?php echo "Referido"; ?>"/>
            </div>
 
            <div class="recordatorio">
                <IMG SRC="images/recordatorio.png" class="Arecordatorio" title="<?php echo "Referido"; ?>"/>
            </div>
 
            <div class="mapa">
    <!--<iframe  frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/?ie=UTF8&amp;ll=3.444883,-76.437378&amp;spn=0.834815,1.352692&amp;t=m&amp;z=10&amp;output=embed"></iframe><br />
        --> </div>
 
            </div>
 
            <div>
            <div class="comentarios">
 
            
                
            </div>
        </div>
            <div class="cajaComunicacion"> 
                <label> <center>Zona comunicacion</center></label> 
            </div>
            <div class="cajaR"> 
                <label> <center>Zona Recordatorio</center></label> 
                
            </div>
 
            </div>
        <hr size="1px" color="red" />
            <?php } ?>
    </body>
</html>

Dalam · #5 (**permalink**) 14/03/2014, 13:31

me referia al codigo javascript que ejecutas
para realizar las peticiones y demas el de funcionesJquery.js

and_l_f · #6 (**permalink**) 14/03/2014, 13:34

pues este codigo en es el que hace el llamado al hacer clic sobre el boton y llama el formulario a cargar

Código HTML:

Ver original<script type="text/javascript" language="javascript" src="funcionesJquery.js"></script>
  <script language="javascript">
        $(document).ready(Inicio); //funcion inicial de JQuery
    </script>

Dalam · #7 (**permalink**) 14/03/2014, 13:35

Lo e intentado pero asi no puedo ayudarte

and_l_f · #8 (**permalink**) 14/03/2014, 13:45

El primer codigo que puse arriba es todo lo que tengo en el funcionesJquery.js ese es todo

Dalam · #9 (**permalink**) 14/03/2014, 13:50

la funcion esa lo que intenta es incluir el resultado de la consulta a #cajaInf, que en el codigo de tu pagina no esta definido, con lo que el resultado es imposible ni de visualizarlo.
tampoco se lanzara la peticion mediante ajax nunca, por que #prospectos tampoco existe y el evento onclick no podra ejecutarse con lo que la funcion nunca es evaluada.

and_l_f · #10 (**permalink**) 14/03/2014, 14:23

Pues es muy raro por que el que #prospectos es un boton que se carga desde una base de datos y ya los probe clocando alert(''); dentro del ajax y efectivamente cuando doy clic el entra a esa funcion si lo esta reconociendo y el los carga pero a los 2 segundos desaparece

Dalam · #11 (**permalink**) 14/03/2014, 14:35

piensa que tal vez sea por que te e dicho que pongas tu codigo y no lo has puesto.

and_l_f · #12 (**permalink**) 14/03/2014, 14:45

cargar los menus

Código PHP:

Ver original<?php
require_once("../modelo/conectar.php");
require_once("cargarItems.php");
 
 function cargarMenu()
{
$con=conectar();
$sql= "select * from menus where pertenece=0" ;
$res= mysql_query($sql,$con);
//$contador=0;
while ($reg= mysql_fetch_array($res)) {
?>
 
 
  <li id="<?php echo $reg['id_html'];  ?>">
  <a  href="index.php?id=<?php echo $reg['menu_codi']; ?>" id="<?php echo $reg['id_html'];  ?>"> <?php  echo $reg["menu_nomb"];  ?></a>
</li>
 
 
 
<?php
$_SESSION['var']=$reg['menu_codi'];
//cargarItems();
 
  
}
}

pagina principal

Código HTML:

Ver original<?php
require('php_lib/include-pagina-restringida.php');
require_once("../control/cargar.php");
if(!isset($_SESSION)) 
  { 
     session_start(); 
  } 
 
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr" style="height: 100%;">
 
  
<?php $licencia1=$_SESSION['LICENCIA'];  ?>
<head>
   <title>Menu incluido</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
 <script language="javascript" type="text/javascript" src="jquery.js"> </script>
 <script type="text/javascript" language="javascript" src="funcionesJquery.js"></script>
 <link rel='stylesheet' type='text/css' href='estilo.css' />
 <script language="javascript">
        $(document).ready(Inicio); //funcion inicial de JQuery
    </script>
  </head>
 
<body>
 
  <label>Bienvenido Mr. <strong> <?php print_r($_SESSION['NOMBRE']) ; ?></strong></label>
  <a href='logout.php' title="Cerrar mi sesion como usuario validado">Cerrar Sesion</a>
  
<div id="cssmenu">
<ul>
 <?php 
 cargarMenu();
 
 ?>
</ul>
</div>
<div id="cajaSM">
 
  <?php
  cargarSM();
  ?>
</div>
 
 
      <div id="cajaInf"> 
 
 
                </div>
</body>
</html>

funcionesJquery.js

Código Javascript:

Ver originalfunction Inicio () {
    // body...
   
 $.ajax({
            type: "post",
            url: "prospectos.php",
            dataType: "html",
            success: function(result) {
                $("#cajaInf").html(result);
            }
        });
 
}

formulario a cargar

Código HTML:

Ver original<html>
    <head>
        <title>Listado de Prospectos</title>
    <script language="javascript" type="text/javascript" src="jquery.js"> </script>
    <script type="text/javascript" language="javascript" src="funcionesJquery.js"></script>
        <link rel="stylesheet" type="text/css" href="estiloP.css" />
        
    </head>
    <body>
        
            <?php foreach($listado as $fila){ ?>
            
            <div class="contenedor">
            <div class="datos1">
            <div class="circular" style="float:left">
            <label ><center>1</center></label>
            </div>
            <div  style="float:left; width: 6%; height: 12%"; >
                <IMG SRC="<?php  echo $fila['campo24']; ?>" width=100% height=100% />
            </div>
 
            <div class="info">
                <ul class="nombre" align="center">
                
                    <li><b><?php echo $fila['nombres'] ?></b> </li>
                
                    <li><?php echo $fila['campo3'] ?> </li>
                
                </ul>
                
                <ul>
                
                    <li> <IMG SRC="images/tel.png"/> <?php echo $fila['campo5'] ?> </li>
                
                    <li><IMG SRC="images/cel.png"> <?php echo $fila['campo6'] ?> </li>
                
                    <li> <IMG SRC="images/dir.png"> <?php echo $fila['campo4'] ?> </li>
            
                    <li> <IMG SRC="images/mail.png"> <?php echo $fila['campo7'] ?> </li>
 
                </ul>   
            </div>  
            <div class="diasR">
                <ul>
                    <li><center><IMG SRC="images/torta.jpg"  /></center></li>
                    <li><center>Quedan 5 dias</center></li>
                </ul>
            </div>
 
            <div class="referido">
                <IMG SRC="images/referido.png" class="Adias" title="<?php echo "Referido"; ?>"/>
            </div>
 
            <div class="recordatorio">
                <IMG SRC="images/recordatorio.png" class="Arecordatorio" title="<?php echo "Referido"; ?>"/>
            </div>
 
            <div class="mapa">
    <!--<iframe  frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/?ie=UTF8&amp;ll=3.444883,-76.437378&amp;spn=0.834815,1.352692&amp;t=m&amp;z=10&amp;output=embed"></iframe><br />
        --> </div>
 
            </div>
 
            <div>
            <div class="comentarios">
 
            
                
            </div>
        </div>
            <div class="cajaComunicacion"> 
                <label> <center>Zona comunicacion</center></label> 
            </div>
            <div class="cajaR"> 
                <label> <center>Zona Recordatorio</center></label> 
                
            </div>
 
            </div>
        <hr size="1px" color="red" />
        
            <?php } ?>
        
    </body>
</html>

amigo eso es todo lo que tengo