Updatepanel en php

[Jalrez]

Iniciado por maycolalvarez

Lo que necesitas es implementar la técnica AJAX donde la petición y respuesta es manejada por javascript, tal cual lo debe hacer el updatepanel de asp
Existen framework javascript que te pueden facilitar la tarea, como jquery, mootools, prototype, ente otros; aunque no estaría mal que conocieras la técnica desde 0.

PD: utilice la herramienta highlight para mostrar código html

Hola maycolalvarez,

Finalmente he estado buscando sobre los FW que me has indicado y he podido resolver el problema! :)

Ahora lo que me queda es combinar esto con el envío automático al hacer click en el input pero lo resolveré, lo que más me preocupaba era conseguir recargar únicamente la sección y he utilizado prototype que era el que me pareció más simple de utilizar.

Aquí dejo el código tal y como lo tengo:

En el head:

Código Javascript:

<script type="text/javascript" src="http://localhost/login/prototype.js"></script>
<script type="text/javascript">
function protoSend(){
var params = Form.serialize($('buscador'));
alert(params);
new Ajax.Updater('problems_wrapper', 'busqueda.php', {asynchronous:true, parameters:params});
}
</script>
 

El formulario:

Código HTML:

<form name="buscador" method="POST" id="buscador" onSubmit="protoSend();return false;" action="busqueda.php"> 
                                 
    <input class="radioDemo" name="guardados" value="0" type="radio" />
    <input class="radioDemo" name="guardados" value="1" type="radio"  />
    <input class="radioDemo" name="guardados" value="2" type="radio" />
    <input class="radioDemo" name="reto" value="mes" type="radio" />
    <input class="radioDemo" name="reto" value="semana" type="radio"  />
    <input class="radioDemo" name="reto" value="dia" type="radio" />
    <input type="submit" value="enviar">
               
</form>
 

En el script busqueda.php:

Código PHP:

if (($_POST["reto"])!="0" & ($_POST["reto"])!=NULL ){   
    $reto=$_POST['reto'];
    
    $query1 = "SELECT * FROM `problemas` WHERE `problema_id` IN (SELECT `problema_id` FROM `retos` WHERE `tipo`='$reto')";
    verProblemas(); 
    
}else{
    if(($_POST["guardados"])!=NULL ) {
        $guardados=$_POST['guardados'];
    
 
 if ($guardados!=0){
     
 
            if ($guardados==1){
                    $query1 .= "SELECT * FROM `problemas` WHERE `problema_id` IN (SELECT `problema_id` FROM `problemas_guardados` WHERE `solver`='$usuario')";
                    verProblemas();
                    
            }else{
                    $query1 .= "SELECT * FROM `problemas` WHERE `problema_id` NOT IN (SELECT `problema_id` FROM `problemas_guardados` WHERE `solver`='$usuario')";
                    verProblemas();
                    
            }        
 }else{
     $query1 = "SELECT * FROM `problemas`";
     verProblemas();
 }
 }}
function verProblemas(){  
?>
                 <div id="problems_wrapper">
                 
                    
                 
                  
            
<?
} 
$result= mysql_query($query1) or die (mysql_error());
 
$n=mysql_num_rows($result); 
if ($n==0){
    
        ?>sin resultados<? 
                    
    
}else{
    $i=1;
while ($row1 = mysql_fetch_array($result)) {
        $reward[$i]=$row1['recompensa'];
        $categorie[$i]=$row1['nombre_categoria'];
        $title[$i]=$row1['titulo'];
        $timetogo[$i]=tiempoRestante($row1['final']);   
        $referencia[$i]=$row1['problema_id'];
        $query2="SELECT * FROM `Soluciones` WHERE `solver`='$solver' AND `id_problema` IN (SELECT `problema_id` FROM `problemas` WHERE `titulo`='$title[$i]') HAVING `version`='1' ORDER BY `titulo` DESC;";
        $result2 = mysql_query($query2) or die(mysql_error());
        $soluciones[$i]=  mysql_num_rows($result2);
                    
          echo "<div class='problem_element'>";
          echo "<div class='reward'>";
          echo "$reward[$i]€";
          echo "</div>";
          echo "<div class='categorie'>";
          echo "$categorie[$i]";
          echo "</div>";
          echo "<div class='timetogo'>";
          echo "$timetogo[$i]";
          echo "</div>";
          echo "<div class='element_title'><span>";
          echo "$title[$i]";
          echo "</span></div>";
          echo "<div class='recieved'>";
          echo "$soluciones[$i]";
          echo "<img class='icon_table_active' src='http://localhost/images/yellowbulb.png'></div>";
          echo "<div class='options'><a href='/../problemas_guardados/guardar_problema.php?identificador=";
          echo "$referencia[$i]";
          echo "'><img class='icon_table_active' src='http://localhost/images/TC.png'></a><a href='http://localhost/soluciones_enviadas/soluciones_enviadas.php?referencia=<?echo $referencia[$i]?>'><img class='icon_table_active' src='http://localhost/images/bulb.png'></a></div>";
          echo "<div class='voter'>"; 
          
           echo "</div>";
           echo "</div>";  
           $i++; 
       }
}
 

Si tenéis alguna recomendación más lo agradeceré!

Muchas gracias por la ayuda, os debo una :)