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, 6 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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 00:24.