Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - 000luis

Páginas1
#1
Desarrollo Web / Ayuda con Ajax y Paginacion PHP
8 Junio 2013, 18:22 PM
Buen dia a todos los usuarios de esta web, quisiera que me ayudaran con un problemita que tengo en un fomulario:

Quisiera que me ayudaran en como hacer para pasar los valores de los radio en el avascript que esta al principio del form y para que tambien lo reciba en el .php donde realizo la consulta.

Les comento que anteriormente un amigo de esta web me ayudo con algo similar, aqui esta el enlace
http://foro.elhacker.net/desarrollo_web/ayuda_con_ajax-t391264.0.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Pagination with Jquery, Ajax, PHP</title>
<link href="stilo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
            $(document).ready(function(){
                function loading_show(){
                    $('#loading').html("<center><img src='IMAGENES/loading.gif'/></center>").fadeIn('fast');
                }
                function loading_hide(){
                    $('#loading').fadeOut('fast');
                }               
                function loadData(page){
                    loading_show();                   
                    $.ajax
                    ({
                        type: "POST",
                        url: "cargar_datos.php",
                        data: "page="+page,
                        success: function(msg)
                        {
                            $("#container").ajaxComplete(function(event, request, settings)
                            {
                                loading_hide();
                                $("#container").html(msg);
                            });
                        }
                    });
                }
                loadData(1);  // For first time page load default results
                $('#container .pagination li.active').live('click',function(){
                    var page = $(this).attr('p');
                    loadData(page);
                   
                });           
                $('#go_btn').live('click',function(){
                    var page = parseInt($('.goto').val());
                    var no_of_pages = parseInt($('.total').attr('a'));
                    if(page != 0 && page <= no_of_pages){
                        loadData(page);
                    }else{
                        alert('Introduzca una página entre 1 y '+no_of_pages);
                        $('.goto').val("").focus();
                        return false;
                    }
                   
                });
            });
</script>

</head>
<body>
<div style="margin-top:10px;">
<blockquote>&nbsp;</blockquote>
</div>
</div>
<div align="center" style="font-size:24px;color:#000000;font-weight:bold">Listado de Usuarios</div>

<form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
  <div align="center"><b>Termino a buscar:</b>
    <input type="text" name="dato" />
    <input type="submit" value="Buscar">
    <input type="reset" value="Limpiar">
  </div>
<br>

<fieldset><legend>Opciones de busqueda:</legend> 
  <div align="center">
  <input type="radio" name="op" value="id_equipo" checked><b>Codigo</b>
  <input type="radio" name="op" value="modelo"><b>Modelo</b>
  </div>
</fieldset>
</form>


<div id="loading"></div>
<div id="container">
<div class="data"></div>
<div class="pagination"></div>

</div>
       
</body>
</html>

Y el .php donde necesito hacer la consulta filtrada con los radios y recibir los valores es el siguiente:


<?php
$busqueda=$_POST['dato'];
$campo=$_POST['op'];

if($_POST['page'])
{
$page = $_POST['page'];
$cur_page = $page;
$page -= 1;
$per_page = 10;
$previous_btn = true;
$next_btn = true;
$first_btn = true;
$last_btn = true;
$start = $page * $per_page;
include "conexion.php";

$msg = "";
$num_fila = 0;
$Resultado=mysql_query("SELECT * FROM tbl_equipos WHERE $campo LIKE '%$busqueda%' ORDER BY id_equipo ASC LIMIT $start, $per_page");

echo "<table border=0 align=center width=700>";
echo "
<tr bgcolor=black>
    <td colspan=6 align=center><font color=white face=Arial size=4><b>Lista General Equipos</b></font></td>
  </tr>
  <tr bgcolor=black>
    <td style=width:15px; align=center><font color=#FFFFFF><b>Codigo</b></font></td>
    <td style=width:100px; align=center><font color=#FFFFFF><b>Marca</b></font></td>
    <td style=width:100px; align=center><font color=#FFFFFF><b>IP</b></font></td>
    <td style=width:100px; align=center><font color=#FFFFFF><b>Modelo</b></font></td>
    <td style=width:100px; align=center><font color=#FFFFFF><b>No Serio</b></font></td>
    <td style=width:200px; align=center><font color=#FFFFFF><b>Cod Equipo</b></font></td>
  </tr>";
while($MostrarFila=mysql_fetch_array($Resultado)){
echo "<tr ";
    if ($num_fila%2==0)
       echo "bgcolor=#D8D8D8"; //si el resto de la división es 0 pongo un color
    else
       echo "bgcolor=#FFFFFF"; //si el resto de la división NO es 0 pongo otro color
    echo "> ";

    echo "<td style=width:25px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['id_equipo']."</b></font></td>";
    echo "<td style=width:100px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['marca']."</b></font></td>";
    echo "<td style=width:100px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['ip']."</b></font></td>";
    echo "<td style=width:100px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['modelo']."</b></font></td>";
    echo "<td style=width:100px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['num_serie']."</b></font></td>";
    echo "<td style=width:200px; align=center><font color=black face=Arial size=2><b>".$MostrarFila['cod_equipo']."</b></font></td>";

    echo "</tr>";
$num_fila++;
}
$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data
echo "<tr><td colspan=8></td> </tr>";
echo "</table>";
}

/* --------------------------------------------- */
$query_pag_num = "SELECT COUNT(*) AS count FROM tbl_equipos";
$result_pag_num = mysql_query($query_pag_num);
$row = mysql_fetch_array($result_pag_num);
$count = $row['count'];
$no_of_paginations = ceil($count / $per_page);

/* ---------------Calculating the starting and endign values for the loop----------------------------------- */
if ($cur_page >= 7) {
    $start_loop = $cur_page - 3;
    if ($no_of_paginations > $cur_page + 3)
        $end_loop = $cur_page + 3;
    else if ($cur_page <= $no_of_paginations && $cur_page > $no_of_paginations - 6) {
        $start_loop = $no_of_paginations - 6;
        $end_loop = $no_of_paginations;
    } else {
        $end_loop = $no_of_paginations;
    }
} else {
    $start_loop = 1;
    if ($no_of_paginations > 7)
        $end_loop = 7;
    else
        $end_loop = $no_of_paginations;
}
/* ----------------------------------------------------------------------------------------------------------- */
$msg .= "<div class='pagination'><ul>";

// FOR ENABLING THE FIRST BUTTON
if ($first_btn && $cur_page > 1) {
    $msg .= "<li p='1' class='active'>Primero</li>";
} else if ($first_btn) {
    $msg .= "<li p='1' class='inactive'>Primero</li>";
}

// FOR ENABLING THE PREVIOUS BUTTON
if ($previous_btn && $cur_page > 1) {
    $pre = $cur_page - 1;
    $msg .= "<li p='$pre' class='active'>Anterior</li>";
} else if ($previous_btn) {
    $msg .= "<li class='inactive'>Anterior</li>";
}
for ($i = $start_loop; $i <= $end_loop; $i++) {

    if ($cur_page == $i)
        $msg .= "<li p='$i' style='color:#fff;background-color:#006699;' class='active'>{$i}</li>";
    else
        $msg .= "<li p='$i' class='active'>{$i}</li>";
}

// TO ENABLE THE NEXT BUTTON
if ($next_btn && $cur_page < $no_of_paginations) {
    $nex = $cur_page + 1;
    $msg .= "<li p='$nex' class='active'>Siguiente</li>";
} else if ($next_btn) {
    $msg .= "<li class='inactive'>Siguiente</li>";
}

// TO ENABLE THE END BUTTON
if ($last_btn && $cur_page < $no_of_paginations) {
    $msg .= "<li p='$no_of_paginations' class='active'>Último</li>";
} else if ($last_btn) {
    $msg .= "<li p='$no_of_paginations' class='inactive'>Último</li>";
}
$goto = "<input type='text' class='goto' size='1' style='margin-top:-1px;margin-left:60px;'/><input type='button' id='go_btn' class='go_button' value='Ir.'/>";
$total_string = "<span class='total' a='$no_of_paginations'>Pag. <b>" . $cur_page . "</b> de <b>$no_of_paginations</b></span>";
$msg = $msg . "</ul>" . $goto . $total_string . "</div>";  // Content for pagination
echo $msg;
?>
#2
Desarrollo Web / Ayuda con Ajax
30 Mayo 2013, 17:52 PM
Gracias EFEX tu ayuda me funciono correctamente ya recibo los valores de los options correctamente.... :D

#3
Desarrollo Web / Ayuda con Ajax
30 Mayo 2013, 01:38 AM
Hola amigos de elhacker.net, quisiera que me ayuden con este formulario. Tengo este formulario:

<form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
  <div align="center"><b>Termino a buscar:</b>
    <input type="text" name="dato" />
   <input type="submit" value="Buscar">
   <input type="reset" value="Limpiar">
  </div>
 
  <div align="center"><b>Opciones de busqueda:</b>
  <input type="radio" name="op" value="id_equipo" checked><b>Codigo</b>
  <input type="radio" name="op" value="marca"><b>Marca</b>
  </div>
</form>

Este formulario lo envió a un Ajax. Pero el problema es que no puedo enviar el valor del radio en la siguiente función. Mi pregunta es cómo le agrego el radio en el Ajax para que también lo reciba en él .php porque el de la caja de texto si lo recibo.

function buscarDato(){
   resul = document.getElementById('resultado');   
   bus=document.frmbusqueda.dato.value;
   ajax=nuevoAjax();
   ajax.open("POST", "busqueda.php",true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         resul.innerHTML = ajax.responseText
      }
   }
   ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
   ajax.send("dato="+bus)         
}
Páginas1