Foros del Web » Programando para Internet » Javascript » Frameworks JS »

cargar divs con ajax

Estas en el tema de cargar divs con ajax en el foro de Frameworks JS en Foros del Web. hola a todos estoy haciendo una web donde queiro que se refresquen 2 divs, en uno tengo los mensajes recibidos lo cual programe en el ...
  #1 (permalink)  
Antiguo 17/04/2011, 18:24
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 14 años, 7 meses
Puntos: 6
cargar divs con ajax

hola a todos estoy haciendo una web donde queiro que se refresquen 2 divs, en uno tengo los mensajes recibidos lo cual programe en el archivo ajax_loadmje.js y en otro div tengo el modelo de una encuesta lo cual quiero que al presionar un boton cambie de valor y me actualice la tabla automaticamente... pero se jode todo y no funciona correctamente :S aqui dejo los codigos:

ajax_loadmje.js
Código Javascript:
Ver original
  1. // Cambia estos parametros
  2.  
  3. var seconds = 3; // el tiempo en que se refresca
  4. var divid = "dermje"; // el div que quieres actualizar!
  5. var url = "derecha.php"; // el archivo que ira en el div
  6.  
  7. ////////////////////////////////
  8. //
  9. // Refreshing the DIV
  10. //
  11. ////////////////////////////////
  12.  
  13. function refreshdiv(){
  14.  
  15. // The XMLHttpRequest object
  16.  
  17. var xmlHttp;
  18. try{
  19. xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
  20. }
  21. catch (e){
  22. try{
  23. xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
  24. }
  25. catch (e){
  26. try{
  27. xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  28. }
  29. catch (e){
  30. alert("Tu explorador no soporta AJAX.");
  31. return false;
  32. }
  33. }
  34. }
  35.  
  36. // Timestamp for preventing IE caching the GET request
  37. var fetch_unix_timestamp ="";// lets declare the variable
  38.  
  39. fetch_unix_timestamp = function()
  40. {
  41. return parseInt(new Date().getTime().toString().substring(0, 10))
  42. }
  43.  
  44. var timestamp = fetch_unix_timestamp();
  45. var nocacheurl = url+"?t="+timestamp;
  46.  
  47. // The code...
  48.  
  49. xmlHttp.onreadystatechange=function(){
  50. if(xmlHttp.readyState==4){
  51. document.getElementById(divid).innerHTML=xmlHttp.responseText;
  52. setTimeout('refreshdiv()',seconds*1000);
  53. }
  54. }
  55. xmlHttp.open("GET",nocacheurl,true);
  56. xmlHttp.send(null);
  57. }
  58.  
  59. // Empieza la función de refrescar
  60.  
  61. window.onload = function startrefresh(){
  62. setTimeout('refreshdiv()',seconds*1000);
  63. }

Código PHP:
<html>
<head>

    <script type="text/javascript">
// Aca va la parte ajax.
var seconds = 3;
var x3;
var divid = "actualizara"; // el div que quieres actualizar!
var url = "cargartabla.php"; // el archivo que ira en el div

function crearInstancia(){
    XMLHttp = false;
    
    if(window.XMLHttpRequest){
        return new XMLHttpRequest();
    
    } else if(windows.ActiveXObject){
        var versiones = ["Msxml2.XMLHTTP.7.0","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
    for(var i=0;i<versiones.lenght;i++){
        try    {
            XMLHttp = new ActiveXObject(versiones[i]);
            if(XMLHttp){
            
                return XMLHttp;
                break;
            
                    }
            } catch(e){};
        }    
    
    }

}
    function tickonoff(x1,x2){
    if(x2 == 0){
    x3 = 1;
    }
    if(x2 == 1){
    x3 = 0;
    }
    if(x2 == 'despublicar'){
    document.getElementById("conte2").innerHTML=despublicar;
    
    }
    
    
XMLHttp = crearInstancia();

    if(XMLHttp){
    
    url="modificarpublicacion.php?publicar=" + x3 + "&registroup=" + x1;
    XMLHttp.open("POST",url,true)

    
    XMLHttp.send(null);


    
    }else{
    alert('No se pudo crear la instancia');
//    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
}


    
}
function cargarpag(){
XMLHttp = crearInstancia();


    if(XMLHttp){
    
    url="cargartabla.php";
    //url="modificarpublicacion.php?publicar=" + x3 + "&registroup=" + x1;
XMLHttp.onreadystatechange=function(){
if(XMLHttp.readyState==4){
    XMLHttp.open("POST",url,true)
document.getElementById(divid).innerHTML=XMLHttp.responseText;
setTimeout('cargarpag()',seconds*1000);
    
    XMLHttp.send(null);
}}}}

// Empieza la función de refrescar

//window.onload = function startrefresh(){
//setTimeout('tickonoff()',seconds*1000);
//}


</script> 
</head>
<body bgcolor="#FFFFFF">

<div id="actualizara">
<?php include ('cargartabla.php'); ?>
                <script type="text/javascript">
cargarpag();
</script>
</div>
<div id="conte2">&nbsp;</div>

</body>
</html>
cargartabla.php

Código PHP:
<table border="1" cellspacing="0"cellpadding="0" class="adminlist">
    <thead>
        <tr>
            <th width="5"> # </th>
            <th width="20"><input type="checkbox" name="todos" value=""></th>
            <th class="title"><a href="encuesmodel.php?order=pregunta" title="Haz click para ordenar por esta columna">Titulo de la Encuesta</a></th>
            <th align="center" width="5%"><a href="#" title="Haz click para ordenar por esta columna">Publicado</a></th>
            <th align="center" width="5%"><a href="#" title="Haz click para ordenar por esta columna">Votos</a></th>
            <th align="center" width="5%"><a href="#" title="Haz click para ordenar por esta columna">Opciones</a></th>
            <th align="center" width="5%"><a href="#" title="Haz click para ordenar por esta columna">Id</a></th>
            
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="7"><del class="container"><div class="pagination"><div class="limit">Mostrar num.<select id="limit" class="inputbox" size="1" name="limit">
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option selected="selected" value="20">20</option>
            <option value="30">30</option>
            <option value="50">50</option>
            <option value="100">100</option>
            <option value="0">Todas</option>
            </select>
            </div></div></del>
            </td>
        </tr>
    
    </tfoot>
    <tbody>
    
<?php
 $conexion 
mysql_connect("localhost""root""") or die("Problemas en la conexion");
mysql_select_db("roberto"$conexion) or die ("Problema al seleccionar bd");
$i 0;
$ordenamiento $_GET['order'];
$estacion $_GET['estacion'];
            if(!(
$ordenamiento)){
            
$ordenamiento id;
            }
            if(
$ordenamiento == permiso){
            
$variablevalor 55;
            }

$consulta "SELECT * FROM encuesta ORDER BY $ordenamiento ASC";
$consul mysql_query($consulta,$conexion);
$arrayse mysql_num_rows($consul);
        
            
$consulta "SELECT contadores FROM encuesta_resp";
$query1 mysql_query($consulta,$conexion);
$array3 mysql_fetch_array($query1);

while(
$arrayse=mysql_fetch_array($consul)){        
    
$i $i 1;
    
$jj $i;
    
$publicado $arrayse['permiso'];
    if(
$publicado == 1){
    
$si 1;
    }else{
    
$si 0;
    }
    
    
$consulta1 "SELECT COUNT(respuesta) AS total FROM encuesta_resp WHERE id = '$i' ";
$query2 mysql_query($consulta1,$conexion);

$count mysql_fetch_array($query2);
$sumaopc $count[0];  

//echo "<br/>La suma total de opciones es:".$sumaopc;  
$totalmod =  "UPDATE encuesta SET opciones = $sumaopc WHERE id = '$i'" ;
mysql_query($totalmod,$conexion); 

    
    
    
        if (
$i%2==0){ 

            echo 
"<tr class='row0'>";
            echo 
"<td align='center'>".$i."</td><td><input type='checkbox' name='elegir' value='".$arrayse['id']."'></td><td><span class='pregunta'><a href='encuestacms.php?option=".$arrayse['id']."'>".$arrayse['pregunta']."</a></span></td>";
                
            
                
$ordenamien permiso;
                
                
                

                    echo 
"<td align='center'><a href='encuesmodel.php?pu=12&jj=".$jj."'><img border='0' alt='Publicado' src='tick.png'></a></td>";

                
                    
                    
                    
                

                
                
                
$consultaw "SELECT votos FROM encuesta WHERE id = $i ORDER BY $ordenamiento ASC";
                
$consultavot mysql_query($consultaw,$conexion);
                
$vot mysql_fetch_array($consultavot);
                    
                    foreach(
$vot as $voot){
        
                    }
                    echo 
"<td align='center'>".$voot."</td>";
        
                
$consulopc "SELECT opciones FROM encuesta WHERE id = $i ";
                
$consultaopc mysql_query($consulopc,$conexion);
                
$opc mysql_fetch_array($consultaopc);        
                    foreach(
$opc as $opciones){
        
                    }        
                echo 
"<td align='center'>".$opciones."</td>";
        
                
                
        
        
        }else{
        if(
$publicado == 1){
$src "tick.png";
$alt "Publicado";
}else{
$src "publish_x.png";
$alt "Despublicado";
}
                echo 
"<tr class='row1'>";
                echo 
"<td align='center'>".$i."</td><td><input type='checkbox' name='elegir' value='".$arrayse['id']."'></td><td><span class='pregunta'><a href='encuestacms.php?option=".$arrayse['id']."'>".$arrayse['pregunta']."</a></span></td>";

                echo 
'<td align="center"><a href="javascript:void(0);" alt="'.$alt.'"  onclick="return tickonoff(\''.$arrayse[id]. '\',\'' .$publicado'\')"><img border="0" src="'.$src.'" ></a></td>';

                    }
        
                
            
$consultaw "SELECT votos FROM encuesta WHERE id = $i ORDER BY $ordenamiento DESC ";
            
$consultavot mysql_query($consultaw,$conexion);
            
$vot mysql_fetch_array($consultavot);
    
            
            foreach(
$vot as $voot){
            
            }
            echo 
"<td align='center'>".$voot."</td>";
            
$consulopc "SELECT opciones FROM encuesta WHERE id = $i ORDER BY $ordenamiento ASC";
            
$consultaopc mysql_query($consulopc,$conexion);
            
$opc mysql_fetch_array($consultaopc);        
            foreach(
$opc as $opciones){
        
            }
//obtengo valores de las opciones de la tabla..//        
            
echo "<td align='center'>".$opciones."</td>";
        
//echo "este es el otro i ".$i;

            
$consultaid2 "SELECT id FROM encuesta";
            
$consultaidd mysql_query($consultaid2,$conexion);
            
$elid mysql_fetch_array($consultaidd);
            while(
$elid mysql_fetch_array($consultaidd)){
            
$iii $elid['id'];
            
            }

        
        
        }    
        
        
        
        
        




    
?>


    </tbody>
    
</table>

Etiquetas: ajax, divs
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:53.